jquery extension Validate 5 Add a custom validation method _jquery

Examples are as follows:

Copy Code code as follows:

<script type= "Text/javascript" >
JQuery.validator.addMethod ("Regex",//addmethod 1th parameter: Method name
function (value, element, params) {//addmethod 2nd parameter: Validation method, parameter (value of the validated element, validated element, parameter)
var exp = new RegExp (params); Instantiate the regular object, with the argument passed into the regular expression
return exp.test (value); Test matches
},
"Format error"); Addmethod 3rd parameter: Default error message
$ (function () {
$ ("#signupForm"). Validate (
{
Rules: {
TxtPassword1: "Required",//password 1 required
TxtPassword2: {//Password 2 description More than 1 items using object type
Required:true,//required, here can be an anonymous method
Equalto: "#txtPassword1",//must be equal to password 1
Rangelength: [5, 10],//Length 5-10
Regex: "^\\w+$"//using custom validation rules, the new section in the previous example
},
Txtemail: "Email"//e-mail must be legal
},
Messages: {
TxtPassword1: "You must fill in",
TxtPassword2: {
Required: "You must fill in",
Equalto: "Password Inconsistent",
Rangelength: "String length must be between {0} and {1}",
Regex: "Password can only be numbers, letters and underscores"
}
},
Debug:false,//if modified to true, the form will not be submitted
Submithandler:function () {
Alert ("Beginning of submission");
}
});
});
</script>

Run Result:

Note that if you have more than one parameter that can use an array, such as regex:[1,3,5], you can use subscript access in the method: Params[0]
Some extended authentication methods provided by users:

Copy Code code as follows:

Mobile phone number Verification
JQuery.validator.addMethod ("mobile", function (value, Element) {
var length = Value.length;
var mobile =/^ ((13[0-9]{1}) | ( 15[0-9]{1}) +\d{8}) $/
return this.optional (Element) | | (length = = && Mobile.test (value));
}, "mobile phone number format error");
Phone number Verification
JQuery.validator.addMethod ("Phone", function (value, Element) {
var tel =/^ (0[0-9]{2,3}\-)? ([2-9][0-9]{6,7}) + (\-[0-9]{1,4})? $/;
return this.optional (Element) | | (Tel.test (value));
}, "Phone number format error");
ZIP Code Verification
JQuery.validator.addMethod ("ZipCode", function (value, Element) {
var tel =/^[0-9]{6}$/;
return this.optional (Element) | | (Tel.test (value));
}, "ZIP code format error");
QQ Number Verification
JQuery.validator.addMethod ("QQ", function (value, Element) {
var tel =/^[1-9]\d{4,9}$/;
return this.optional (Element) | | (Tel.test (value));
}, "QQ number format error");
IP Address Verification
JQuery.validator.addMethod ("IP", function (value, Element) {
var ip =/^ (?:(? : 25[0-5]|2[0-4][0-9]| [01]? [0-9] [0-9]?) \.) {3} (?: 25[0-5]|2[0-4][0-9]| [01]? [0-9] [0-9]?) $/;
return this.optional (Element) | | (Ip.test (value) && (Regexp.$1 < 256 && regexp.$2 < 256 && regexp.$3 < 256 && Rege Xp.$4 < 256));
}, "IP address format error");
Verification of letters and numbers
JQuery.validator.addMethod ("Chrnum", function (value, Element) {
var chrnum =/^ ([a-za-z0-9]+) $/;
return this.optional (Element) | | (Chrnum.test (value));
"Only numbers and letters (characters A-Z, A-Z, 0-9)" can be entered;
Verification in Chinese
JQuery.validator.addMethod ("Chinese", function (value, Element) {
var Chinese =/^[\u4e00-\u9fa5]+$/;
return this.optional (Element) | | (Chinese.test (value));
"Can only be entered in Chinese");
Dropdown box Validation
$.validator.addmethod ("Selectnone", function (value, Element) {
return value = = "Please select";
"Must select an item");
byte length validation
JQuery.validator.addMethod ("Byterangelength", function (value, element, param) {
var length = Value.length;
for (var i = 0; i < value.length; i++) {
if (Value.charcodeat (i) > 127) {
length++;
}
}
return this.optional (Element) | | (length >= param[0] && length <= param[1]);
$.validator.format ("Make sure the value entered is between {0}-{1} bytes (2 bytes in one)");

Validate_20110905.rar