js表单验证及提交方法.docx
《js表单验证及提交方法.docx》由会员分享,可在线阅读,更多相关《js表单验证及提交方法.docx(16页珍藏版)》请在冰豆网上搜索。
js表单验证及提交方法
关键字:
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.长度限制
functiontest()
{
if(document.a.b.value.length>50)
{
alert("不能超过50个字符!
");
document.a.b.focus();
returnfalse;
}
}
2.只能是汉字
3."只能是英文
functiononlyEng()
{
if(!
(event.keyCode>=65&&event.keyCode<=90))
event.returnvalue=false;
}
4.只能是数字
functiononlyNum()
{
if(!
((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键
event.returnvalue=false;
}
5.只能是英文字符和数字
6.验证油箱格式
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");
}
7.屏蔽关键字(这里屏蔽***和****)
functiontest(){
if((a.b.value.indexOf("***")==0)||(a.b.value.indexOf("****")==0)){
alert(":
)");
a.b.focus();
returnfalse;}
}
8.两次输入密码是否相同
functioncheck()
{
with(document.all){
if(input1.value!
=input2.value)
{
alert("false")
input1.value="";
input2.value="";
}
elsedocument.forms[0].submit();
}
}
够了吧:
)
屏蔽右键很酷
oncontextmenu="returnfalse"ondragstart="returnfalse"onselectstart="returnfalse"
加在body中
二
2.1表单项不能为空
--
functionCheckForm()
{
if(document.form.name.value.length==0){
alert("请输入您姓名!
");
document.form.name.focus();
returnfalse;
}
returntrue;
}
-->
2.2比较两个表单项的值是否相同
--
functionCheckForm()
if(document.form.PWD.value!
=document.form.PWD_Again.value){
alert("您两次输入的密码不一样!
请重新输入.");
document.ADDUser.PWD.focus();
returnfalse;
}
returntrue;
}
-->
2.3表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等
--
functionisNumber(String)
{
varLetters="1234567890-";//可以自己增加可输入值
vari;
varc;
if(String.charAt(0)=='-')
returnfalse;
if(String.charAt(String.length-1)=='-')
returnfalse;
for(i=0;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;
}
-->
2.4表单项输入数值/长度限定
--
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;
}
//-->
2.5中文/英文/数字/邮件地址合法性判断
--
functionisEnglish(name)//英文值检测
{
if(name.length==0)
returnfalse;
for(i=0;iif(name.charCodeAt(i)>128)
returnfalse;
}
returntrue;
}
functionisChinese(name)//中文值检测
{
if(name.length==0)
returnfalse;
for(i=0;iif(name.charCodeAt(i)>128)
returntrue;
}
returnfalse;
}
functionisMail(name)//E-mail值检测
{
if(!
isEnglish(name))
returnfalse;
i=name.indexOf("at");
j=namedotlastIndexOf("at");
if(i==-1)
returnfalse;
if(i!
=j)
returnfalse;
if(i==namedotlength)
returnfalse;
returntrue;
}
functionisNumber(name)//数值检测
{
if(name.length==0)
returnfalse;
for(i=0;iif(name.charAt(i)<"0"||name.charAt(i)>"9")
returnfalse;
}
returntrue;
}
functionCheckForm()
{
if(!
isMail(form.Email.value)){
alert("您的电子邮件不合法!
");
form.Email.focus();
returnfalse;
}
if(!
isEnglish(form.