关键字:js验证表单大全,用JS控制表单提交,javascript提交表单:
目录:
1:js字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea长度限制
2.:js判断汉字、判断是否汉字、只能输入汉字
3:js判断是否输入英文、只能输入英文
4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
5:只能输入英文字符和数字
6:jsemail验证、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>
functiontest()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符！");
document.a.b.focus();
returnfalse;
}
}
</script>
<formname=aonsubmit="returntest()">
<textareaname="b"cols="40"wrap="VIRTUAL"rows="6"></textarea>
<inputtype="submit"name="Submit"value="check">
</form>

2.只能是汉字
<inputonkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')">

3."只能是英文
<scriptlanguage=javascript>
functiononlyEng()
{
if(!(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
</script>

<inputonkeydown="onlyEng();">

4.只能是数字
<scriptlanguage=javascript>
functiononlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
</script>

<inputonkeydown="onlyNum();">

5.只能是英文字符和数字
<inputonkeyup="value="/oblog/value.replace(/[\W]/g,"'')"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

6.验证油箱格式
<SCRIPTLANGUAGE=javascriptRUNAT=Server>
functionisEmail(strEmail){
if(strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/)!=-1)
returntrue;
else
alert("oh");
}
</SCRIPT>
<inputtype=textonblur=isEmail(this.value)>

7.屏蔽关键字(这里屏蔽***和****)
<scriptlanguage="javascript1.2">
functiontest(){
if((a.b.value.indexOf("***")==0)||(a.b.value.indexOf("****")==0)){
alert(":)");
a.b.focus();
returnfalse;}
}
</script>
<formname=aonsubmit="returntest()">
<inputtype=textname=b>
<inputtype="submit"name="Submit"value="check">
</form>

8.两次输入密码是否相同
<FORMMETHOD=POSTACTION="">
<inputtype="password"id="input1">
<inputtype="password"id="input2">
<inputtype="button"value="test"onclick="check()">
</FORM>
<script>
functioncheck()
{
with(document.all){
if(input1.value!=input2.value)
{
alert("false")
input1.value="";
input2.value="";
}
elsedocument.forms[0].submit();
}
}
</script>
够了吧:)
屏蔽右键很酷
oncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"
加在body中


二

2.1表单项不能为空

<scriptlanguage="javascript">
<!--
functionCheckForm()
{
if(document.form.name.value.length==0){
alert("请输入您姓名!");
document.form.name.focus();
returnfalse;
}
returntrue;
}
-->
</script>

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

<scriptlanguage="javascript">
<!--
functionCheckForm()
if(document.form.PWD.value!=document.form.PWD_Again.value){
alert("您两次输入的密码不一样！请重新输入.");
document.ADDUser.PWD.focus();
returnfalse;
}
returntrue;
}
-->
</script>

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

<scriptlanguage="javascript">
<!--
functionisNumber(String)
{
varLetters="1234567890-";//可以自己增加可输入值
vari;
varc;
if(String.charAt(0)=='-')
returnfalse;
if(String.charAt(String.length-1)=='-')
returnfalse;
for(i=0;i<String.length;i++)
{
c=String.charAt(i);
if(Letters.indexOf(c)<0)
returnfalse;
}
returntrue;
}
functionCheckForm()
{
if(!isNumber(document.form.TEL.value)){
alert("您的电话号码不合法！");
document.form.TEL.focus();
returnfalse;
}
returntrue;
}
-->
</script>


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

<scriptlanguage="javascript">
<!--
functionCheckForm()
{
if(document.form.count.value>100||document.form.count.value<1)
{
alert("输入数值不能小于零大于100!");
document.form.count.focus();
returnfalse;
}
if(document.form.MESSAGE.value.length<10)
{
alert("输入文字小于10!");
document.form.MESSAGE.focus();
returnfalse;
}
returntrue;
}
//-->
</script>
123下一页阅读全文