A complete collection of js verification forms, using JS to control the form submission, the specific content is as follows:
1. Length limit
<script>
function test()
{
if(>50)
{
alert("No more than 50 characters!");
();
return false;
}
}
</script>
<form name=a onsubmit="return test()">
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>
2. It can only be Chinese characters
<input onkeyup="value="/oblog/(/[^u4E00-u9FA5]/g,'')">
3." can only be in English
<script language=javascript>
function onlyEng()
{
if(!(>=65&&<=90))
=false;
}
</script><input onkeydown="onlyEng();">
4. It can only be a number
<script language=javascript>
function onlyNum()
{
if(!((>=48&&<=57)||(>=96&&<=105)))
//Consider the numeric keys on the keyboard=false;
}
</script>
<input onkeydown="onlyNum();">
5. Only English characters and numbers
<input onkeyup="value="/oblog/(/[W]/g,"'') "onbeforepaste="('text',('text').replace(/[^d]/g,''))">
6. Verify the email format
<SCRIPT LANGUAGE=javascript RUNAT=Server>
function isEmail(strEmail) {
if ((/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1)
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail()>
7. Block keywords (block *** and **** here)
<script language="javascript1.2">
function test() {
if(( ("***") == 0)||( ("****") == 0)){
alert(":)");
();
return false;}
}
</script>
<form name=a onsubmit="return test()">
<input type=text name=b>
<input type="submit" name="Submit" value="check">
</form>
8. Whether the password is the same twice
<FORM METHOD=POST ACTION="">
<input type="password" >
<input type="password" >
<input type="button" value="test" onclick="check()">
</FORM>
<script>
function check()
{
with(){
if(!=)
{
alert("false")
= "";
= "";
}
else [0].submit();
}
}
</script>
Enough :)
Right-blocking is cool
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"
Added in body
/menu/javascript/
2.1 The form item cannot be empty
<script language="javascript">
<!--
function CheckForm()
{
if ( == 0) {
alert("Please enter your name!");
();
return false;
}
return true;
}
-->
</script>
2.2 Compare whether the values of two form items are the same
<script language="javascript">
<!--
function CheckForm()
if ( != .PWD_Again.value) {
alert("The password you entered twice is different! Please re-enter.");
();
return false;
}
return true;
}
-->
</script>
2.3 The form item can only be number and "_", used for phone/bank account verification, can be extended to domain name registration, etc.
<script language="javascript">
<!--
function isNumber(String)
{
var Letters = "1234567890-"; //You can increase the input value yourselfvar i;
var c;
if(( 0 )=='-')
return false;
if( ( - 1 ) == '-' )
return false;
for( i = 0; i < ; i ++ )
{
c = ( i );
if (( c ) < 0)
return false;
}
return true;
}
function CheckForm()
{
if(! isNumber()) {
alert("Your phone number is illegal!");
();
return false;
}
return true;
}
-->
</script>
2.4 Form item input value/length limit
<script language="javascript">
<!--
function CheckForm()
{
if ( > 100 || < 1)
{
alert("The input value cannot be less than zero or greater than 100!");
();
return false;
}
if (<10)
{
alert("Input text is less than 10!");
();
return false;
}
return true;
}
//-->
</script>
2.5 Chinese/English/Number/Email Address Legality Judgment
<SCRIPT LANGUAGE="javascript">
<!--
function isEnglish(name) //English value detection{
if( == 0)
return false;
for(i = 0; i < ; i++) {
if((i) > 128)
return false;
}
return true;
}
function isChinese(name) //Chinese value detection{
if( == 0)
return false;
for(i = 0; i < ; i++) {
if((i) > 128)
return true;
}
return false;
}
function isMail(name) // E-mail value detection{
if(! isEnglish(name))
return false;
i = (" at ");
j = name dot lastIndexOf(" at ");
if(i == -1)
return false;
if(i != j)
return false;
if(i == name dot length)
return false;
return true;
}
function isNumber(name) //Numerical detection{
if( == 0)
return false;
for(i = 0; i < ; i++) {
if((i) < "0" || (i) > "9")
return false;
}
return true;
}
function CheckForm()
{
if(! isMail()) {
alert("Your email is illegal!");
();
return false;
}
if(! isEnglish()) {
alert("The English name is illegal!");
();
return false;
}
if(! isChinese()) {
alert("The Chinese name is illegal!");
();
return false;
}
if(! isNumber()) {
alert("The postal code is illegal!");
();
return false;
}
return true;
}
//-->
</SCRIPT>
2.6 Characters that can't be entered in a form item
<script language="javascript">
<!--
function contain(str,charset)// String contains test functions{
var i;
for(i=0;i<;i++)
if(((i))>=0)
return true;
return false;
}
function CheckForm()
{
if ((contain(, "%()><")) || (contain(, "%()><")))
{
alert("Illegal characters entered");
();
return false;
}
return true;
}
//-->
</script>
1. Check whether a string is composed of numbers
<script language="Javascript"><!--
function checkNum(str){return (/D/)==null}
alert(checkNum("1232142141"))
alert(checkNum("123214214a1"))
// --></script>
2. How to determine whether it is a character
if (/[^x00-xff]/(s)) alert("Contains Chinese characters");
else alert("All characters");
3. How to determine whether Chinese characters are included
if (escape(str).indexOf("%u")!=-1) alert("Contains Chinese characters");
else alert("All characters");
4. Email format verification
//Function name: chkemail//Function introduction: Check whether it is an Email Address// Parameter description: string to check//Return value: 0: No 1: Yesfunction chkemail(a)
{ var i=;
var temp = ('@');
var tempd = ('.');
if (temp > 1) {
if ((i-temp) > 3){
if ((i-tempd)>0){
return 1;
}
}
}
return 0;
}
5. Digital format verification
//Function name: fucCheckNUM//Function introduction: Check whether it is a number//Particle description: Number to check//Return value: 1 is a number, 0 is not a numberfunction fucCheckNUM(NUM)
{
var i,j,strTemp;
strTemp="0123456789";
if ( == 0)
return 0
for (i=0;i<;i++)
{
j=((i));
if (j==-1)
{
//It means that there are characters but not numbersreturn 0;
}
}
//The description is a numberreturn 1;
}
6. Phone number format verification
//Function name: fucCheckTEL//Function introduction: Check whether it is a phone number// Parameter description: string to check//Return value: 1 is legal, 0 is illegalfunction fucCheckTEL(TEL)
{
var i,j,strTemp;
strTemp="0123456789-()# ";
for (i=0;i<;i++)
{
j=((i));
if (j==-1)
{
//It means that there are illegal charactersreturn 0;
}
}
//Explanation legalreturn 1;
}
7. A function to determine whether the input is a Chinese language
function ischinese(s){
var ret=true;
for(var i=0;i<;i++)
ret=ret && ((i)>=10000);
return ret;
}
8. A comprehensive function to judge the legitimacy of user input
<script language="javascript">
//Limit the number of bits of input characters to start//m is the user input, n is the number of digits to be limitedfunction issmall(m,n)
{
if ((m<n) && (m>0))
{
return(false);
}
else
{return(true);}
}
9. Determine whether the password is entered consistently
function issame(str1,str2)
{
if (str1==str2)
{return(true);}
else
{return(false);}
}
10. Determine whether the user name is a number letter sliding line
function notchinese(str){
var reg=/[^A-Za-z0-9_]/g
if ((str)){
return (false);
}else{
return(true); }
}
2.8. General check function for form text field
Function: Detect all input texts that must be non-empty, such as name, account, email address, etc.
This verification is now only for text fields. If you want to target other domain objects in form, you can change the judgment conditions.
How to use: Add title text to the text field to be detected. The text is a prompt message, the Chinese name of the field you want to prompt to the user. For example, to detect username
The html is as follows <input name="txt_1" title="name">. Of course, it is best to use visualization tools such as dreamweaver to edit the domain.
If you want to detect numeric type data, then unify the id of the domain into sz.
It is troublesome to judge date types in JavaScript, so there is no program for date type verification. Experts can add it.
The program is relatively grass, just provides an idea. Throwing bricks and attracting jade! :)
Oh, by the way, function call method: < form onsubmit="return dovalidate()">
function dovalidate()
{
fm=[0] //Only one form is detected, if there are multiple forms, the judgment conditions can be changedfor(i=0;i<;i++)
{
//The detection and judgment conditions can be modified according to the typeif(fm[i].()=="INPUT" &&fm[i].()=="TEXT" && (fm[i].title!=""))
if(fm[i].value="/blog/="")//
{
str_warn1=fm[i].title+"Can't be empty!";
alert(str_warn1);
fm[i].focus();
return false;
}
if(fm[i].()=="SZ")//Digital verification{
if(isNaN(fm[i].value))
{ str_warn2=fm[i].title+"The format is wrong";
alert(str_warn2);
fm[i].focus();
return false;
}
}
}
return true;
}