日期:2014-05-16  浏览次数:20502 次

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文本域的通用校验函数

Java代码
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 = "";  
}