为什么要表单验证

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

 

 

 

常用的表单验证

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

表单选择器

 

属性过滤选择器

 

验证表单内容：

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

非空验证：

字符串查找：indexOf()：

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

文本框内容的验证：

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

长度验证：

 

判断字符串是否有数字：

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

 

表单验证事件和方法

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

 

正则表达式：

为什么需要正则表达式：

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

示例：

普通方式：

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

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

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

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

简单模式：

只能表示具体的匹配

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

使用HTML5的方式验证表单：

HTML5新增验证属性：

示例：

 

 

转载于:https://www.cnblogs.com/Chencheno/p/11075242.html