第十八章 表单校验

本章目标

掌握String对象的用法

会使用表单选择器选择页面元素

会使用正则表达式验证页面输入内容

会使用HTML5的方式验证表单内容

为什么要表单验证？

（1）减轻服务器的压力

（2）保证输入的数据符合要求

为什么使用表单选择器？

表单选择器用于选取某些特定的表单元素，比如所有单选按钮或隐藏的元素。

一、表单选择器

属性过滤选择器

二、字符串验证

三、表单验证事件和方法

表单验证需要综合运用元素的事件和方法

四、正则表达式

（1）简洁的代码

（2）严谨的验证文本框中的内容

var reg= /^\w+@\w+(\.[a-zA-Z]{2,3}){1,2}$/;

if(reg.test(email) ==false){      

  $email_prompt.html("电子邮件格式不正确,请重新输入");  

  return false;

}

正则表达式的应用

用户名、密码、电子邮箱、手机号码、身份证号码、生日、邮政编码、固定电话

五、HTML5新增属性

总结