javaScript-实现基本表单验证技术.ppt

文本框控件-3 SCRIPT LANGUAGE = JavaScript …. function clearText( ) { if (document.myform.txtEmail.value==“请输入真实的电子邮箱，我们将 发送激活密码) { document.myform.txtEmail.value= ; document.myform.txtEmail.style.color=red; } } /SCRIPT…… TD colspan=2INPUT name=txtEmail type=text class=textBorder id=txtEmail value=请输入真实的电子邮箱，我们将发送激活密码 size=40 onFocus=clearText( ) style=color: #666666; *必填/TD …… 清空文本框的内容 修改文本框的颜色 文本框获得焦点就调用方法clearText( ) * 小结 2 编写如下图所示，实现注册表单的验证功能 每个文本框非空 密码和再次输入的密码必须相同 年份必须是20打头 日期必须在1到31之间 * 常见错误-1 SCRIPT language=javascript function validateform( ){ if(sNameCheck() passCheck()bdaycheck()) return true; else return false; …… } /SCRIPT …… input type=button name=Button value= 登 录 input type=button name=Reset value= 重 填 …… 提交按钮type=submit 清空按钮type=reset * 常见错误-2 SCRIPT language=javascript function validateform( ){ if(sNameCheck() passCheck()bdaycheck()) return true; else return false; …… } /SCRIPT …… input type=button name=Button value= 登 录 onsubmit=return validateform( ) …… onsubmit不是提交按钮的事件 * * javascript 基本的表单验证技术 主讲：温海宁 预习检查 表单验证一般包括哪些方面内容？ String对象有哪些常用的属性和方法？ 文本框对象有哪些常用的属性、方法和事件？ * 为什么需要表单验证 服务器 IE 脚本在客户端执行，减轻服务器端的压力 客户端 用户输入 客户端 用户输入 …… 客户端 用户输入 …… 发送请求 返回响应 发送请求 返回响应 发送请求 返回响应 * 表单验证的内容-1 不能为空且不能有数字 不能为空且不能有数字 不能为空，且只能包括字母、数字和下划线字符 密码不能为空并且最少为6位，还要求两次输入的密码要一致 * 表单验证的内容-2 不能为空且包含字符@和. 年月日不能为空，且不能超出其要求的范围 * 表单验证的思路-1 如何编写脚本验证表单？ 1、获取表单元素的值（String类型），然后进行判断 2、触发表单（FORM）的提交事件（onSubmit） * 表单验证的思路-2 常用的String对象 使用 var 语句 var newstr = 这是我的字符串 创建 String 对象 var newstr = new String(这是我的字符串“) 调用方法和属性 字符串对象.属性名 字符串对象.方法名( ) * 表单验证的思路-3 名 称 说 明 属性 length 获取字符串字符的个数 方法 indexOf(“子字符串”，起始位置) 查找子字符串的位置 charAt(index) 获取位于指定索引位置的字符 substring(index1,index2 ) 求子串 endsWith( ) 以……结束 startsWith( ) 以……开始 String对象常用的属性和方法 语法： indexOf(“查找的子字符串”，查找的起始位置) 返回子字符串所在的位置；如果没找到，返回 －1 例如： var x var y=“abcdefg”; x=y.indexOf(“c” , 0 ); //返回结果为2，