jquery validate 自定义验证方法 日期验证
来源:互联网 发布:拼豆转图软件安卓 编辑:程序博客网 时间:2024/05/16 19:14
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 自定义一个验证方法,进行验证。
方法如下,
$.validator.addMethod("compareDate",function(value,element){ var assigntime = $("#assigntime").val(); var deadlinetime = $("#deadlinetime").val(); var reg = new RegExp('-','g'); assigntime = assigntime.replace(reg,'/');//正则替换 deadlinetime = deadlinetime.replace(reg,'/'); assigntime = new Date(parseInt(Date.parse(assigntime),10)); deadlinetime = new Date(parseInt(Date.parse(deadlinetime),10)); if(assigntime>deadlinetime){ return false; }else{ return true; } },"<font color='#E47068'>结束日期必须大于开始日期</font>");
上述代码红色部分是对时间字符串进行处理,处理成2013/12/12 08:09:00这种标准格式,
在处理的时候要用到replace的方法,这个方法最后结合正则表达式进行使用,也就是第一行的reg对象。
替换完了之后,如果比较时间呢?要进行三个处理,
1.将标准时间转化为时间戳通过Date.parse()方法来处理。
2.将时间戳转化为整数,确保万一,通过parseInt("",10)来处理。
3.将时间戳转为日期对象new Date()。
转为对象之后,就能够比较时间大小了,直接判断,如果结束时间小于开始时间,就进行错误提示。
这个时候compareDate就可以像其他的jquery validate验证规则一样验证了。
- jquery validate 自定义验证方法 日期验证
- jquery validate 自定义验证方法 日期验证
- jQuery validate 日期比较 自定义验证方法
- jquery.validate 自定义验证方法
- jquery.validate 自定义验证方法
- jquery.validate 自定义验证方法
- jquery validate自定义验证方法
- jquery validate 自定义验证方法
- jquery.validate 自定义验证方法
- jQuery Validate自定义验证方法
- Jquery-validate验证插件自定义验证方法
- Jquery Validate 自定义验证
- jQuery.validate自定义验证
- jquery.validate remote 和 自定义验证方法
- jquery.validate remote 和 自定义验证方法
- jquery.validate:追加自定义验证方法
- jquery.validate 自定义验证方法 addMethod
- jquery.validate remote 和 自定义验证方法
- Android Camera Subsystem - Open - 02
- 为Android 硬件抽象层(HAL)模块编写JNI 方法提供Java 访问硬件服务接口
- Apache Http Server和Tomcat 之区别
- 在Ubuntu 上为Android 系统的Application Frameworks 层增加硬件访问服务
- GIMP快捷键
- jquery validate 自定义验证方法 日期验证
- Android中JNI编程
- 为Android 系统内置Java 应用程序测试Application Frameworks 层的硬件服务
- PowerPC上ELF可执行文件的符号解析
- hadoop安全模式解除方法和为什么会安全模式
- qt creator编译qt工程时报错:undefined reference to
- 使用WPF动态生成Code 39条形码
- 日志切换频繁解决案例
- 爱加密为APP开发者构筑安全成功的道路