当前位置:编程学习 > JS >>

js表单验证代码备忘

 

1:js 字符串长度限制、判断字符长度 、js限制输入、限制不能输入、textarea 长度限制

2.:js判断汉字、判断是否汉字 、只能输入汉字

3:js判断是否输入英文、只能输入英文

4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字

5:只能输入英文字符和数字

6: js email验证 、js 判断email 、信箱/邮箱格式验证

7:js字符过滤,屏蔽关键字

8:js密码验证、判断密码

2.1: js 不为空、为空或不是对象 、判断为空 、判断不为空

2.2:比较两个表单项的值是否相同

2.3:表单只能为数字和"_",

2.4:表单项输入数值/长度限定

2.5:中文/英文/数字/邮件地址合法性判断

2.6:限定表单项不能输入的字符

2.7表单的自符控制

2.8:form文本域的通用校验函数

 

1. 长度限制

<script>

function test()

{

if(document.a.b.value.length>50)

{

alert("不能超过50个字符!");

document.a.b.focus();

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. 只能是汉字

<input onkeyup="value="/oblog/value.replace(/[^/u4E00-/u9FA5]/g,'')">

 

3." 只能是英文

<script language=javascript>

function onlyEng()

{

if(!(event.keyCode>=65&&event.keyCode<=90))

event.returnvalue=false;

}

</script>

 

<input onkeydown="onlyEng();">

 

4. 只能是数字

<script language=javascript>

function onlyNum()

{

if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))

//考虑小键盘上的数字键

event.returnvalue=false;

}

</script>

 

<input onkeydown="onlyNum();">

 

5. 只能是英文字符和数字

<input onkeyup="value="/oblog/value.replace(/[/W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))">

 

6. 验证油箱格式

<SCRIPT LANGUAGE=javascript RUNAT=Server>

function isEmail(strEmail) {

if (strEmail.search(/^/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(this.value)>

 

7. 屏蔽关键字(这里屏蔽***和****)

<script language="javascript1.2">

function test() {

if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){

alert(":)");

a.b.focus();

return false;}

}

</script>

<form name=a onsubmit="return test()">

<input type=text name=b>

<input type="submit" name="Submit" value="check">

</form>

 

8. 两次输入密码是否相同

<FORM METHOD=POST ACTION="">

<input type="password" id="input1">

<input type="password" id="input2">

<input type="button" value="test" onclick="check()">

</FORM>

<script>

function check()

{

with(document.all){

if(input1.value!=input2.value)

{

alert("false")

input1.value = "";

input2.value = "";

}

else document.forms[0].submit();

}

}

</script>

够了吧:)

屏蔽右键 很酷

oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

加在body中

 

 

 

2.1  表单项不能为空

 

<script  language="javascript">

<!--

function  CheckForm()

{  

if  (document.form.name.value.length  ==  0)  {  

alert("请输入您姓名!");

document.form.name.focus();

return  false;

}

return  true;

}

-->

</script>

 

2.2  比较两个表单项的值是否相同

 

<script  language="javascript">

<!--

function  CheckForm()

if  (document.form.PWD.value  !=  document.form.PWD_Again.value)  {  

alert("您两次输入的密码不一样!请重新输入.");

document.ADDUser.PWD.focus();

return  false;

}

return  true;

}

-->

</script>

 

2.3  表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

 

<script  language="javascript">

<!--

function  isNumber(String)

{  

var  Letters  =  "1234567890-";  //可以自己增加可输入值

var  i;

var  c;

if(String.charAt(  0  )=='-')

return  false;

if(  String.charAt(  String.length  -  1  )  ==  '-'  )

return  false;

for(  i  =  0;  i  <  String.length;  i  ++  )

{  

c  =  String.charAt(  i  );

if  (Letters.indexOf(  c  )  <  0)

return  false;

}

return  true;

}

function  CheckForm()

{  

if(!  isNumber(document.form.TEL.value))  {  

alert("您的电话号码不合法!");

document.form.TEL.focus();

return  false;

}

return  true;

}

-->

</script>

 

 

2.4  表单项输入数值/长度限定

 

<script  language="javascript">

<!--

function  CheckForm()  

{  

if  (document.form.count.value  >  100  ||  document.form.count.value  <  1)

{  

alert("输入数值不能小于零大于100!");

document.form.count.focus();

return  false;

}

if  (document.form.MESSAGE.value.length<10)

{  

alert("输入文字小于10!");

document.form.MESSAGE.focus();

return  false;

}

return  true;

}

//-->

</script>

 

2.5  中文/英文/数字/邮件地址合法性判断

 

<SCRIPT  LANGUAGE="javascript">

<!--

 

function  isEnglish(name)  //英文值检测

{  

if(name.length  ==  0)

ret

补充:web前端 , JavaScript ,
CopyRight © 2022 站长资源库 编程知识问答 zzzyk.com All Rights Reserved
部分文章来自网络,