用正则表达式和javascript对表单进行全面验证(jquery正则表达式验证)

网友投稿 252 2022-06-30

使用时请将下面的javascript代码存到一个单一的js文件中。

1、表单要求

将对表单中的所有以下类型的域依次验证,所有验证是去除了前导和后缀空格的,要注意是区分大小写的。

2、空值验证

表单中任意域加上emptyInfo属性将对此域是否为空进行验证(可以和最大长度验证\一般验证方式同时使用)。

无此属性视为此域允许空值。

如:

3、最大长度验证(可以和空值验证、一般验证方式同时使用):

或,

3、一般验证方式(不对空值做验证):

如:

4、标准验证(不与其它验证方式同时使用):

全部通过来实现,并且不需要name属性以免提交到服务器。

4.1、合法日期验证:

注:这里也可以是,以下同

yearfieldName、monthfieldName、dayfieldName分别为年月日字段,月和日可以是两位(MM)或一位格式(M),

此处不对每个字段分别检验(如果要检验,请在年月日三个域分别使用前面的一般验证方式),只对日期的最大值是否合法检查;

4.2、日期格式验证(请注意,此验证不对日期是否有效进行验证,还未找到从格式中得到年月日数据的方法^_^):

其中格式仅对y、M、d、H、m、s进行支持(其它字符视为非时间的字符)

4.3、列表验证:

检验列表(checkbox、redio、select)是否至少选中了一条记录(对select主要用于多项选择)

其中validatorType可以是Checkbox、R、Select;

对于一个select表单,如果要求选择一条不能是第一条的记录,请用下列方式:

4.4、Email验证:

其中separator为可选项,表示输入多个email时的分隔符(无此选项只能是一个地址)

4.5、加入其它javascript操作:

表单中加入(此时emptyInfo等属性无效)

时将调用function属性中指定的javascript方法(要求方法返回true或false,返回false将不再验证表单,也不提交表单)。

5、在表单通过验证提交前disable一个按钮(也可将其它域disable,不能与其它验证同在一个域),不要求按钮是表单中的最后一个

6、不验证表单

当validator域值为0时不对表单进行验证,直接提交表单或执行指定function并返回true后提交表单

functionName为可选

-->

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:正则表达式在JavaScript应用(js正则表达式的使用)
下一篇:jQuery中使用trigger触发click事件失效的解决办法
相关文章

 发表评论

暂时没有评论,来抢沙发吧~