java web 之自定义校验

来源:互联网 发布:如何自己做软件 编辑:程序博客网 时间:2024/06/05 11:48

今天总结一下JS校验,其实也不算总结,各种复制粘贴啦!

<!-- 输入格式校验 -->$(document).ready(function() {// 手机号码格式验证jQuery.validator.addMethod("phone", function(value, element) {var length = value.length;return this.optional(element) || (length == 11 && /^(((1[0-9][0-9]{1})|(15[0-9]{1}))+\d{8})$/.test(value));}, "手机号码格式错误");// 日期格式验证jQuery.validator.addMethod("date", function(value, element) {return this.optional(element) || /^((?:19|20)\d\d)-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/.test(value);}, "日期格式错误");return $("#sealApplicationForm").validate({rules : {applyerName : {required : true,rangelength : [ 2, 50 ]},applyDate : {date : true},phoneNumber : {required : true,phone : true}}});});
其中
$(document).ready(function() {});

是在文档激活时加载函数,在文档载入时执行function函数里的代码

在开发中用到了jQuery的validate控件,有时需要自定义验证方法。我们可以通过jQuery.validator.addMethod()来实现

addMethodname, method, message
name  类型String  要添加的方法名,用于标识和引用,必须是一个有效的javascript标识符

method 类型Callback  方法的实现部分,返回true 如果表单通过验证

message 类型 String Function 该方法的默认验证消息

return this.optional(element)
用于表单控件的值不为空时才触发验证。
function(value, element)
其中 value 为表单控件传过来的值,element 为表单的ID

return this.optional(element) || /^((?:19|20)\d\d)-(0[1-9]|1[012])-(0[1-9]|[12][0-9]|3[01])$/.test(value);
其中/ .test(value)是为了判断value是否匹配某个模式, /. 是因为转义