《表单基本验证技术》PPT课件

《《表单基本验证技术》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、表单基本验证技术第六章回顾与作业点评如何使用style属性改变样式属性值？HTML元素.style.样式属性＝"值"如何使用className属性改变样式属性值？This.classname制作随滚动条滚动的广告图片的关键步骤是什么？document.documentElement.scrollTop;document.documentElement.scrollLeft;预习检查为什么需要表单验证？使用什么方法验证Email文本框中必须输入符号“@”和“.”？使用getElementById()获取

2、Email的值使用字符串方法indexOf()判断Email的值是否包含“@”和“.”符号。根据函数返回值是true还是flase来决定是否提交表单使用什么事件可以实现文本输入提示特效？onsubmit本章任务验证休闲网登录页面数据输入的有效性验证休闲网注册页面数据输入的有效性本章目标使用表单事件和脚本函数实现表单验证使用String对象和文本框控件常用属性和方法实现客户端验证什么需要表单验证减轻服务器的压力保证输入的数据符合要求表单验证的内容日期是否有效或日期格式是否正确表单元素是否为空用户名和密码

3、E-mail地址是否正确身份证号码等是否是数字表单验证思路当输入的表单数据不符合要求时，如何编写脚本来进行提示？获得表单元素值使用JavaScript的一些方法对数据进行判断当表单提示时，触发onsubmit事件，对获取的数据进行验证String对象字符串对象的属性字符串对象.lengthvarstr="thisisJavaScript";varstrLength=str.length;18String对象字符串对象的方法字符串对象.方法名()方法描述toLowerCase()把字符串转化为小写toU

4、pperCase()把字符串转化为大写charAt(index)返回在指定位置的字符indexOf(字符串，index)查找某个指定的字符串值在字符串中首次出现的位置substring(index1,index2)返回位于指定索引index1和index2之间的字符串，并且包括索引index1对应的字符，不包括索引index2对应的字符varstr="thisisJavaScript";varselectFirst=str.indexOf("Java");varselectSecond=str.ind

5、exOf("Java",12);8-1验证休闲网登录页面验证休闲网登录页面的Email演示示例：电子邮件格式验证电子邮件格式验证思路分析使用getElementById()获取Email的值使用字符串方法indexOf()判断Email的值是否包含“@”和“.”符号。根据函数返回值是true还是flase来决定是否提交表单varmail=document.getElementById("email").value;if(mail.indexOf("@")==-1){alert("Email格式不正确

6、n必须包含@");returnfalse;}教师现场演示编码过程练习-验证电子邮箱需求说明电子邮箱不能为空电子邮箱中必须包含符号“@”和“.”完成时间：20分钟查看完整代码共性问题集中讲解常见调试问题及解决办法代码规范问题共性问题集中讲解文本框内容验证-1姓名不能为空，并且姓名中不能有数字密码不能为空，并且密码包含的字符不能少于6个两次输入的密码必须一致文本框内容验证-2使用String对象的length属性验证密码的长度varpwd=document.getElementById("pwd").va

7、lue;if(pwd.length<6){alert("密码必须等于或大于6个字符");returnfalse;}验证两次输入密码是否一致varrepwd=document.getElementById("repwd").value;if(pwd!=repwd){alert("两次输入的密码不一致");returnfalse;}文本框内容验证-3使用length属性获取文本长度，使用for循环和substring()方法依次截断单个字符，判断每个字符是否是数字varuser=document.getE

8、lementById("user").value;for(vari=0;i=0){alert("姓名中不能包含数字");}}教师现场演示编码过程练习－验证贵美网注册页面需求说明名字和姓氏不能为空，且名称和姓氏中不能有数字，当名字中出现数字时，弹出提示信息密码至少包含6个字符，并且两次输入的密码必须一致完成时间：25分钟查看完整代码共性问题集中讲解常见调试问题