第9章 表单校验

it2022-05-07  32

为什么要表单验证

    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


最新回复(0)