jQuery Validate自定义验证方法实现方式

时间:2022-03-12 03:45:18

对应调用函数: ( 可以在内部写js/或者外部引入-我是外部引入的文件 )  validate.expand.js

  1. // JavaScript Document
  2. //检测手机号是否正确
  3. jQuery.validator.addMethod("<strong>isMobile</strong>", function(value, element) {
  4. var length = value.length;
  5. var regPhone = /^1([3578]\d|4[57])\d{8}$/;
  6. return this.optional(element) || ( length == 11 && regPhone.test( value ) );
  7. }, "请正确填写您的手机号码");
  8. //检测用户姓名是否为汉字
  9. jQuery.validator.addMethod("<span style="color:#FF0000;"><strong>isChar</strong></span>", function(value, element) {
  10. var length = value.length;
  11. var regName = /[^\u4e00-\u9fa5]/g;
  12. return this.optional(element) || !regName.test( value );
  13. }, "请正确格式的姓名(暂支持汉字)");
  14. //檢測邮政编码
  15. jQuery.validator.addMethod("<strong>isZipCode</strong>", function(value, element) {
  16. var tel = /^[0-9]{6}$/;
  17. return this.optional(element) || (tel.test(value));
  18. }, "请正确填写您的邮政编码");

这边的最后一个参数是返回的message在上面的$( '#xxx' ).validate({}) 里面的message对应位置可以重置