JQuery text Input box checker Input Check

Copy codeThe Code is as follows:
/**
* Power by wooshoo copyright 2008-2009
* Program name: JQuery dedicated input checker
* Content: Checks user input of input [text password hidden] And textarea.
* The check scope includes: number of characters, whether it contains special characters, whether it is an integer, whether it complies with the email format, whether it is a telephone number,
* Is it a website address, an image address, a floating point decimal number, a Renminbi currency, or a date format?
* Whether it is a time format, whether it is a date and time format, whether it is a password format (only including uppercase and lowercase letters, numbers, and dashes ),
* Unavailable for the moment: whether it is a non-English special character format (that is, it is only for Chinese, Japanese, Korean and other major character languages), whether it contains html tags, whether it contains UBB tags,
*
*/
(Function ($ ){
Var wshc = $. fn. check = function (){
Return wshc. fn. init (this );
}
DATETIME = {
FULL: "full ",
SIMPLE: "simple ",
ENGLISH: "english ",
Japan: "Japan ",
CHINESE: "chinese"
}
Wshc. fn = {
Init: function (obj ){
Wshc. fn. val = obj. val ();
Return wshc. fn;
},
NotNull: function (){
If (this. val! = "" | This. val! = Undefined ){
Return true;
}
Error ("You have not entered any characters. ");
Return false;
},
Number: function (min, max) {// check whether the number of words exceeds the limit
If (this. val. length> = min & this. val. length <= max ){
Return true;
}
Error ("the character you entered exceeds the limit of" + min + "-" + max +. ");
Return false;
},
SpecialChar: function (pat) {// check whether it contains special characters
// Special characters include: \/@ # $ % ^ & * = <> \ n \ r
// If You Need to customize it, you can set it in the Parameter
Pat = pat |/[\\\/\@\#\$ \%\^\\\\ * \=\<\> \ n \ r] + /;
Error ("the character you entered contains some special characters. ");
Return mat (this. val, pat );
},
IsNum: function (len) {// check whether it is a number
If (! IsNaN (this. val )){
Return true;
}
Error ("You are not entering a number. ");
Return false;
},
Integer: function () {// check whether it is an integer
If (this. val = parseInt (this. val )){
Return true;
}
Error ("You are not entering an integer. ");
Return false;
},
Float: function () {// check whether it is a decimal number
If (this. isNum ()&&! This. integer ()){
Return true;
}
Error ("You entered not decimals. ");
Return false;
},
RMB: function () {// check whether it is a currency (RMB Standard Format: 0.00 or 10.00, except the single digit, the first digit is not zero)
Var pat =/^ ([1-9] [0-9] + | [0-9]) \. [0-9] {2} $ /;
Error ("your input is not in the renminbi format. ");
Return mat (this. val, pat );
},
Email: function (pat) {// check whether the email format is correct
Pat = pat |/^ [a-zA-Z0-9 _ \-\.] + @ [a-zA-Z0-9 _ \-\.] + \. [a-zA-Z] {0, 4} $ /;
Error ("the email format you entered is not. ");
Return mat (this. val, pat );
},
Http: function (pat) {// check whether it is the website address (including http)
Pat = pat |/^ (http | HTTP): \/[^ s] */;
Error ("the URL you entered is not in the common URL format. ");
Return mat (this. val, pat );
},
Url: function (pat) {// check whether it is a communication address
Pat = pat |/^ [a-zA-z] +: \/[^ s] */;
Error ("the format you entered is not a universal communication protocol. ");
Return mat (this. val, pat );
},
Image: function (pat) {// check whether it is an image address (jpg gif png bmp jpeg)
Pat = pat |/^ (http | HTTP ): \ // \/[^ s] * (jpg | JPG | png | PNG | gif | GIF | bmp | BMP | jpeg | JPEG) $ /;
Error ("the image format you entered is not allowed on the webpage. ");
Return mat (this. val, pat );
},
Password: function (pat ){
Pat = pat |/^ \ w * $ /;
Error ("the password format you entered is not. ");
Return mat (this. val, pat );
},
Tel: function (pat ){
Pat = pat |/^ \ d {3} \-\ d {8 }$ | ^ \ d {4} \-\ d {7} $ /;
Error ("the phone format you entered is not in China. ");
Return mat (this. val, pat );
},
Mobile: function (pat ){
Pat = pat |/^ 1 \ d {10} $ /;
Error ("the mobile phone format you entered is not in China. ");
Return mat (this. val, pat );
},
Datatime: function (){
Return DATETIME;
},
Date: function (type ){
Var pat;
Switch (type ){
Case DATETIME. FULL:
Pat =/^ ([1-9] \ d {0, 3} | 0) \-\ d {2} \-\ d {2 }) | ([1-9] \ d {0, 3} | 0 )\. \ d {2 }\. \ d {2}) | ([1-9] \ d {0, 3} | 0) \/\ d {2} \/\ d {2}) $ /;
Break;
Case DATETIME. SIMPLE:
Pat =/^ (\ d {2} \-\ d {1} \-\ d {1}) | (\ d {2 }\. \ d {1, 2 }\. \ d {1, 2}) | (\ d {2} \/\ d {1, 2} \/\ d {1, 2}) $ /;
Break;
Case DATETIME. ENGLISH:
Pat =/^ \ w * \ d {1, 2}, ([1-9] \ d {0, 3} | 0) | ([1-9] \ d {0, 3} | 0) $ /;
Break;
Case DATETIME. Japan:
Pat =/^ ([1-9] \ d {0, 3} | 0) Year \ d {2} month \ d {2} day) $ /;
Break;
Case DATETIME. CHINESE:
Pat =/^ ([1-9] \ d {0, 3} | 0) Year \ d {2} month \ d {2} day) $ /;
Break;
}
Error ("the date format you entered is incorrect. ");
Return mat (this. val, pat );
},
Time: function (type ){
Var pat;
Switch (type ){
Case DATETIME. FULL:
Pat =/^ \ d {2 }:\ d {2 }:\ d {2} $ /;
Break;
Case DATETIME. SIMPLE:
Pat =/^ \ d {1, 2 }:\ d {1, 2 }:\ d {1, 2} $ /;
Break;
Case DATETIME. ENGLISH:
Pat =/^ \ d {1, 2 }:\ d {1, 2 }:\ d {1, 2} $ /;
Break;
Case DATETIME. Japan:
Pat =/^ \ d {1, 2} hour \ d {1, 2} minute \ d {1, 2} second $ /;
Break;
Case DATETIME. CHINESE:
Pat =/^ \ d {1, 2}: \ d {1, 2} minute \ d {1, 2} seconds $ /;
Break;
}
Error ("the time format you entered is incorrect. ");
Return mat (this. val, pat );
}
}
Var mat = function (val, pat ){
If (val. match (pat )){
Return true;
}
Return false;
}
Var error = function (err ){
Wshc. fn. error = err | "No format error. ";
}
}) (JQuery );
Usage:
The premise is that you have imported the jQuery3.2 package
JS:
<Scrpit>
$ (Function (){
// Check whether the number of words exceeds the limit
$ (# "Do_check"). bind ("click", function (){
Alert ($ ("# wooshoo_ept"). check (). number ());
Alert ($ ("# wooshoo_ept"). check (). error );
});
});
</Script>
HTML:
<Body>
Enter <input id = "wooshoo_ept" type = "text"/> <br/>
<A id = "do_check"> run the check </a>
</Body>