js表单验证代码全集.docx
《js表单验证代码全集.docx》由会员分享,可在线阅读,更多相关《js表单验证代码全集.docx(11页珍藏版)》请在冰豆网上搜索。
js表单验证代码全集
js表单验证代码全集
2008年06月25日星期三下午03:
23
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文本域的通用校验函数
2.9:
js验证手机号,含158,159段的
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.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;iif(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;iret=ret&&(s.charCodeAt(i)>=10000);
returnret;
}
8.综合的判断用户输入的合法性的函数
---------------------------------------
//限制输入字符的位数开始
//m是用户输入,n是要限制的位数
functionissmall(m,n)
{
if((m0))
{
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);}
}
2.8.form文本域的通用校验函数
---------------------------------------
作用:
检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。
使用方法:
在要检测的文本域中加入title文字。
文字是在提示信息,你要提示给用户的该字段的中文名。
比如要检测用户名
html如下,当然,最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话,再把域的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;
}
js验证手机号,含158,159段的
/*
用途:
检查输入手机号码是否正确
输入:
s:
字符串
返回:
如果通过验证返回true,否则返回false
*/
functioncheckMobile(s){
varregu=/^[1]([3][0-9]{1}|59|58)[0-9]{8}$/;
varre=newRegExp(regu);
if(re.test(s)){
returntrue;
}else{
returnfalse;
}
}