jquery validate 自定义验证方法介绍 日期验证

2020-05-22 16:25:35易采站长站整理

jquery validate有很多验证规则,但是更多的时候,需要根据特定的情况进行自定义验证规则。


这里就来聊一聊jquery validate的自定义验证。


jquery validate有一个方法,可以让用户来自定义验证规则。


案例一:

//自定义验证
            $.validator.addMethod(“isPositive”,function(value,element){
                var score = /^[0-9]*$/;
                return this.optional(element) || (score.test(value));
            },”<font color=’#E47068′>请输入大于0的数字</font>”);

通过addMethod用户可以自定义自己的验证规则


这个方法有三个参数,第一个参数表示验证规则名称,这里是isPositive,表示是否为正数。


第二个参数是真正的验证主体,它是一个函数,函数的第一个value表示调用这个验证规则的表单的值,第二个element可以用来判断是否为空,为空的时候,就不调用这个验证规则了。


第三个参数是返回的错误提示。


具体如何使用呢?


其实跟jquery validate固有的验证规则使用是一样的。

 <tr bgcolor=”#f7f7f7″  height=”43″ align=”right”>
                        <td class=”font14_s pdr_12 grey_70″>总分:</td>
                        <td class=”font14_s pl40″ align=”left”><input type=”text” id=”fullscore” name=”fullscore” style=” margin-left: 10px; margin-right: 2px;” value=”<!–{$aExams.fullscore}–>” class=”required number isPositive input_233″ /></td>
                    </tr>

如上所示,加粗的地方就是使用的方法,一共用了三个验证规则,一个是必须,一个是数字,一个是自定义验证规则。


效果图如下:



案例二:


表单提交时,经常会需要对日期进行验证,比如结束时间必须大于开始时间。


这个时候可以通过jquery validate 自定义一个验证方法,进行验证。