JQuery validate驗證 自訂

標籤：style   blog   http   ar   io   color   sp   for   java   

http://www.w3cschool.cc/jquery/jquery-plugin-validate.html

http://blog.163.com/zhao_jinggui/blog/static/169620429201172942347465/

 

$().ready(function() { jQuery.validator.addMethod("isMobile", function(value, element) {  var length = value.length;  var mobile = /^(((13[0-9]{1})|(15[0-9]{1}))+\d{8})$/;  return this.optional(element) || (length == 11 && mobile.test(value)); }, "請正確填寫您的手機號碼"); jQuery.validator.addMethod("isphone", function(value, element) {  var length = value.length;  var phone = /(^(\d{3,4}-)?\d{6,8}$)|(^(\d{3,4}-)?\d{6,8}(-\d{1,5})?$)|(\d{11})/;  return this.optional(element) || (phone.test(value)); }, "請填寫正確的電話號碼");  jQuery.validator.addMethod("ischinese", function(value, element) {  var chinese = /^[\一-\龥]+$/i;  return this.optional(element) || (chinese.test(value)); }, "只能輸入漢字");  jQuery.validator.addMethod("ismypassword", function(value, element,param) {//  var specialstr = /[!,[email protected]#$%^&*?_~]/;//  var numberstr= /^(\d+[a-zA-Z]\w*)|([a-zA-Z]+\d\w*)$/;//  return this.optional(element) && (numberstr.test(value)) && (specialstr.test(value));          var regu1 =/[A-Za-z]/;    var regu2=/\d/;    var regu3=/[!,[email protected]#$%^&*?_~]/;             var b1=regu1.test(value);             var b2=regu2.test(value);             var b3=regu3.test(value);             var b=b1&&b2&&b3;    return b == eval(param); }, "密碼必須輸入字母和數字"); $("#myform").validate( {  rules : {   userName : {    required : true,    minlength : 6,    maxlength : 200   },   userEmail : {    required : true,    email : true   },   userPwd : {    required : true,    minlength : 8,    ismypassword : true   },   confuserPwd : {    required : true,    minlength : 8,    equalTo: "#userPwd"   },   userRname : {    required : true,    minlength : 6,    maxlength : 200,       ischinese:true   },   userMphone : {    required : true,    isMobile : true   },   userPhone : {    required : true,    isphone : true   }  },  messages : {   userName : {    required : "請輸入使用者名稱稱",    minlength : "字元長度不能小於6個字元",    maxlength : "字元長度不能大於200個字元"   },   userEmail : {    required : "請輸入郵箱地址",    email : "請輸入正確的郵箱地址"   },   userPwd : {    required : "請輸入密碼",    minlength : "字元長度不能小於8個字元",    ismypassword : "密碼必須由數字、英文字母和特殊字元(!,[email protected]#$%^&*?_~)組成"   },   confuserPwd : {    required : "請輸入確認密碼",    minlength : "字元長度不能小於8個字元",    equalTo :"兩次密碼輸入不一致"   },   userRname : {    required : "請輸入真實姓名",    minlength : "字元長度不能小於6個字元",    maxlength : "字元長度不能大於200個字元",       ischinese:  "只能輸入漢字"   },   userMphone : {    required : "請輸入手機號碼",    isMobile : "請輸入正確的手機號碼"   },   userPhone : {    required : "請輸入電話號碼",    isphone : "請輸入正確的電話號碼"   }  },   errorElement : "em",   success : function(em) {    em.text(" ") .addClass("success");    } }); });  /*表單驗證樣式*/em { font-style:normal; /*字型不傾斜*/ font-weight: 500; padding-right: 1em; vertical-align: middle; color: red;}em.error { background: url("../images/unchecked.gif") no-repeat 0px 0px; padding-left: 16px;}em.success { background: url("../images/standard_msg_ok.gif") no-repeat 0px 0px; padding-left: 16px;}

　　

JQuery validate驗證 自訂