第9章 表单校验

为什么要表单验证

    1.减轻服务器的压力      2.保证输入的数据符合要求

常用的表单验证

1. 日期格式
2. 表单元素是否为空
3. 用户名和密码
4. E-mail地址
5. 身份证号码

表单选择器

 

属性过滤选择器

 

验证表单内容：

使用String 对象验证邮箱：不能为空，格式正确。

非空验证：

字符串查找：indexOf()：

查找某个指定的字符串值在字符串中首次出现的位置

文本框内容的验证：

密码不能为空，不少于6个字符，姓名不能为空，不能有数字。

长度验证：

判断字符串是否有数字：

使用for循环和substring()方法依次截断单个字符，再判断每个字符是否是数字

表单验证事件和方法

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

 

正则表达式：

为什么需要正则表达式：

1. 简洁的代码
2. 严谨的验证文本框中的内容示例：

   示例：

   

3. 普通方式：

   var reg=/表达式/附加参数

4. 

   【表达式必须是常量字符串】

   【用某些附加参数来代表一些规则：g代表可以进行全局匹配；i代表不区分大小写；m代表可以进行多行匹配】

   构造函数：var reg=new RegExp("表达式","附加参数")

5. 

6. 简单模式：

   只能表示具体的匹配

7. 

   复合模式：可以使用通配符表达更为抽象的规则模式

8. 

   使用HTML5的方式验证表单：

   HTML5新增验证属性：

9. 

   示例：

10.