常用的JavaScript 表单验证大全.docx
- 文档编号:4021434
- 上传时间:2022-11-27
- 格式:DOCX
- 页数:15
- 大小:19.37KB
常用的JavaScript 表单验证大全.docx
《常用的JavaScript 表单验证大全.docx》由会员分享,可在线阅读,更多相关《常用的JavaScript 表单验证大全.docx(15页珍藏版)》请在冰豆网上搜索。
常用的JavaScript表单验证大全
常用的JavaScript表单验证大全
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.只能是英文字符和数字
('text',clipboardData.getData('text').replace(/[^\d]/g,''))"> 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(); } } 9.屏蔽右键 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;i if(name.charCodeAt(i)>128) returnfalse; } returntrue; } functionisChinese(name)//中文值检测 { if(name.length==0) returnfalse; for(i=0;i if(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;i if(name.charAt(i)<"0"||name.charAt(i)>"9") returnfalse; } returntrue; } functionCheckForm() { if(! isMail(form.Email.value)){ alert("您的电子邮件不合法! "); form.Email.focus(); returnfalse; } if(! isEnglish(form.name.value)){ alert("英文名不合法! "); form.name.focus(); returnfalse; } if(! isChinese(name.value)){ alert("中文名不合法! "); name.focus(); returnfalse; } if(! isNumber(form.PublicZipCode.value)){ alert("邮政编码不合法! "); form.PublicZipCode.focus(); returnfalse; } returntrue; } //--> 2.6限定表单项不能输入的字符 -- functioncontain(str,charset)//字符串包含测试函数 { vari; for(i=0;i if(str.indexOf(charset.charAt(i))>=0) returntrue; returnfalse; } functionCheckForm() { if((contain(document.form.NAME.value,"%\(\)><"))||(contain(document.form.MESSAGE.value,"% \(\)><"))) { alert("输入了非法字符"); document.form.NAME.focus(); returnfalse; } returntrue; } //--> 1.检查一段字符串是否全由数字组成 --------------------------------------- -- functioncheckNum(str){returnstr.match(/\D/)==null} alert(checkNum("1232142141")) alert(checkNum("123214214a1")) //--> 2.怎么判断是否是字符 --------------------------------------- if(/[^\x00-\xff]/g.test(s))alert("含有汉字"); elsealert("全是字符"); 3.怎么判断是否含有汉字 --------------------------------------- if(escape(str).indexOf("%u")! =-1)alert("含有汉字"); elsealert("全是字符"); 4.邮箱格式验证 --------------------------------------- //函数名: chkemail //功能介绍: 检查是否为EmailAddress //参数说明: 要检查的字符串 //返回值: 0: 不是1: 是 functionchkemail(a) {vari=a.length; vartemp=a.indexOf('@'); vartempd=a.indexOf('.'); if(temp>1){ if((i-temp)>3){ if((i-tempd)>0){ return1; } } } return0; } 5.数字格式验证 --------------------------------------- //函数名: fucCheckNUM //功能介绍: 检查是否为数字 //参数说明: 要检查的数字 //返回值: 1为是数字,0为不是数字 functionfucCheckNUM(NUM) { vari,j,strTemp; strTemp="0123456789"; if(NUM.length==0) return0 for(i=0;i { j=strTemp.indexOf(NUM.charAt(i)); if(j==-1) { //说明有字符不是数字 return0; } } //说明是数字 return1; } 6.电话号码格式验证 --------------------------------------- //函数名: fucCheckTEL //功能介绍: 检查是否为电话号码 //参数说明: 要检查的字符串 //返回值: 1为是合法,0为不合法 functionfucCheckTEL(TEL) { vari,j,strTemp; strTemp="0123456789-()#"; for(i=0;i { j=strTemp.indexOf(TEL.charAt(i)); if(j==-1) { //说明有字符不合法 return0; } } //说明合法 return1; } 7.判断输入是否为中文的函数 --------------------------------------- functionischinese(s){ varret=true; for(vari=0;i ret=ret&&(s.charCodeAt(i)>=10000); returnret; } 8.综合的判断用户输入的合法性的函数 --------------------------------------- //限制输入字符的位数开始 //m是用户输入,n是要限制的位数 functionissmall(m,n) { if((m { return(false); } else {return(true);} } 9.判断密码是否输入一致 --------------------------------------- functionissame(str1,str2) { if(str1==str2) {return(true);} else {return(false);} } 10.判断用户名是否为数字字母下滑线 --------------------------------------- functionnotchinese(str){ varreg=/[^A-Za-z0-9_]/g if(reg.test(str)){ return(false); }else{ return(true);} } 11.form文本域的通用校验函数 --------------------------------------- 作用: 检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。 该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。 使用方法: 在要检测的文本域中加入title文字。 文字是在提示信息,你要提示给用户的该字段的中文名。 比如要检测 用户名 html如下 如果要检测数字类型数据的话,再把域的id统一为sz. javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。 程序比较草,只是提供一个思路。 抛砖引玉! : ) 哦,对了,函数调用方法: functiondovalidate() { fm=document.forms[0]//只检测一个form,如果是多个可以改变判断条件 for(i=0;i { //检测判断条件,根据类型不同可以修改 if(fm[i].tagName.toUpperCase()=="INPUT"&&fm[i].type.toUpperCase()=="TEXT"&&(fm[i].title! ="")) if(fm[i].value="/blog/="")// { str_warn1=fm[i].title+"不能为空! "; alert(str_warn1); fm[i].focus(); returnfalse; } if(fm[i].id.toUpperCase()=="SZ")//数字校验 { if(isNaN(fm[i].value)) {str_warn2=fm[i].title+"格式不对"; alert(str_warn2); fm[i].focus(); returnfalse; } } } returntrue; } 2>表单提交验证类 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)){ aler
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 常用的JavaScript 表单验证大全 常用 JavaScript 表单 验证 大全
![提示](https://static.bdocx.com/images/bang_tan.gif)