(1) required: required field for true
(2) remote: "check. php" uses ajax to call check. php to verify the input value.
(3) email: true: You must enter an email in the correct format.
(4) url: true must enter the url in the correct format
(5) date: true must be a date in the correct format
(6) dateISO: true: the date (ISO) in the correct format must be entered. For example, 2009-06-23,1998/01/22: only the format is verified and the validity is not verified.
(7) number: true: a valid number (negative number, decimal number) must be entered)
(8) digits: true must be an integer.
(9) creditcard: a valid credit card number must be entered.
(10) must to: "# field" the input value must be the same as # field
(11) accept: enter a string with a valid suffix (the suffix of the uploaded file)
(12) maxlength: A string with a maximum length of 5 characters)
(13) minlength: 10 string with a minimum input length of 10 (one character for Chinese characters)
(14) rangelength: [5, 10] The input length must be a string between 5 and 10. ") (a Chinese character is a single character)
(15) range: [5, 10] The input value must be between 5 and 10.
(16) max: 5 input value cannot be greater than 5
(17) min: 10 input value cannot be less than 10
Instance Demo:
Copy codeThe Code is as follows:
<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<Html xmlns = "http://www.w3.org/1999/xhtml">
<Head>
<Meta http-equiv = "Content-Type" content = "text/html; charset = UTF-8"/>
<Title> Use of validate. js built-in verification rules </title>
<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>
</Head>
<Body>
<Form action = "" method = "get" id = "tinyphp">
<Input type = "text" value = "" name = "userName"/>
<Input type = "submit" value = "submit"/>
</Form>
<Script type = "text/javascript">
$ ("# Tinyphp"). validate ({
// Add verification rules
Rules :{
UserName :{
Required: true,
Digits: true,
UserName: true,
Rangelength: [5, 10]
}
},
// Reset the prompt information
Messages :{
UserName :{
Required: "Enter the user name ",
Digits: "enter an integer ",
Rangelength: "The user name must be 5-10 characters long"
}
}
});
</Script>
</Body>
</Html>