jquery：validate添加自定义验证
jQuery.validator.addMethod添加自定义的验证规则
addMethod：name, method, message
简单实例：单个验证的添加
复制代码 代码如下:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="validate.expand.js"></script>
<script type="text/javascript"><br>$("#tinyphp").validate({<br> // 添加验证规则<br> rules: {<br> isZipCode: { //验证邮箱<br> isZipCode: true<br> }<br> }<br>}); <br> </script>
validate.expand.js
复制代码 代码如下:
jQuery.validator.addMethod("isZipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");
添加多个验证方法
复制代码 代码如下:
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript" src="validate.expand.js"></script>
<script type="text/javascript"><br>$("#tinyphp").validate({<br> // 添加验证规则<br> rules: {<br> isZipCode: { //验证邮箱<br> isZipCode: true<br> },<br> userName:{<br> required: true,<br> userName: true,<br> rangelength: [5,10] <br> }<br> },<br><br> //重设提示信息,可省略<br> messages:{<br> userName: {<br> required: "请填写用户名",<br> rangelength: "用户名必须在5-10个字符之间" <br> } <br><br> }<br>}); <br> </script>
validate.expand.js
复制代码 代码如下:
jQuery.validator.addMethod("userName", function(value, element) {
return this.optional(element) || /^[\u0391-\uFFE5\w]+$/.test(value);
}, "用户名必须在5-10个字符之间");
jQuery.validator.addMethod("isZipCode", function(value, element) {
var tel = /^[0-9]{6}$/;
return this.optional(element) || (tel.test(value));
}, "请正确填写您的邮政编码");
