收藏的js表单验证控制代码大全_表单特效

关键字:js验证表单大全,用js控制表单提交 ,javascript提交表单:
目录:
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文本域的通用校验函数

1. 长度限制
<script> <br/>function test() <br/>{ <br/>if(document.a.b.value.length>50) <br/>{ <br/>alert("不能超过50个字符！"); <br/>document.a.b.focus(); <br/>return false; <br/>} <br/>} <br/></script>

 

2. 只能是汉字 


3." 只能是英文
<script> <br/>function onlyeng() <br/>{ <br/>if(!(event.keycode>=65&&event.keycode<=90)) <br/>event.returnvalue=false; <br/>} <br/></script>



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



5. 只能是英文字符和数字


6. 验证油箱格式
<script> <br/>function isemail(stremail) { <br/>if (stremail.search(/^\w+((-\w+)|(\.\w+))*\@[a-za-z0-9]+((\.|-)[a-za-z0-9]+)*\.[a-za-z0-9]+$/) != -1) <br/>return true; <br/>else <br/>alert("oh"); <br/>} <br/></script>


7. 屏蔽关键字(这里屏蔽***和****)
<script> <br/>function test() { <br/>if((a.b.value.indexof ("***") == 0)||(a.b.value.indexof ("****") == 0)){ <br/>alert(":)"); <br/>a.b.focus(); <br/>return false;} <br/>} <br/></script>

8. 两次输入密码是否相同

<script> <br/>function check() <br/>{ <br/>with(document.all){ <br/>if(input1.value!=input2.value) <br/>{ <br/>alert("false") <br/>input1.value = ""; <br/>input2.value = ""; <br/>} <br/>else document.forms[0].submit(); <br/>} <br/>} <br/></script>
够了吧 :)
屏蔽右键 很酷 
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"
加在body中


二

2.1  表单项不能为空

<script> <br/><!-- <br/>function checkform() <br/>{ <br/>if (document.form.name.value.length == 0) { <br/>alert("请输入您姓名!"); <br/>document.form.name.focus(); <br/>return false; <br/>} <br/>return true; <br/>} <br/>--> <br/></script>

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

<script> <br/><!-- <br/>function checkform() <br/>if (document.form.pwd.value != document.form.pwd_again.value) { <br/>alert("您两次输入的密码不一样！请重新输入."); <br/>document.adduser.pwd.focus(); <br/>return false; <br/>} <br/>return true; <br/>} <br/>--> <br/></script>

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

<script> <br/><!-- <br/>function isnumber(string) <br/>{ <br/>var letters = "1234567890-"; //可以自己增加可输入值 <br/>var i; <br/>var c; <br/>if(string.charat( 0 )==&#39;-&#39;) <br/>return false; <br/>if( string.charat( string.length - 1 ) == &#39;-&#39; ) <br/>return false; <br/>for( i = 0; i < string.length; i ++ ) <br/>{ <br/>c = string.charat( i ); <br/>if (letters.indexof( c ) < 0) <br/>return false; <br/>} <br/>return true; <br/>} <br/>function checkform() <br/>{ <br/>if(! isnumber(document.form.tel.value)) { <br/>alert("您的电话号码不合法！"); <br/>document.form.tel.focus(); <br/>return false; <br/>} <br/>return true; <br/>} <br/>--> <br/></script>


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

<script> <br/><!-- <br/>function checkform() <br/>{ <br/>if (document.form.count.value > 100 || document.form.count.value < 1) <br/>{ <br/>alert("输入数值不能小于零大于100!"); <br/>document.form.count.focus(); <br/>return false; <br/>} <br/>if (document.form.message.value.length<10) <br/>{ <br/>alert("输入文字小于10!"); <br/>document.form.message.focus(); <br/>return false; <br/>} <br/>return true; <br/>} <br/>//--> <br/></script>

2.5  中文/英文/数字/邮件地址合法性判断

<script> <br/><!-- <br/><br/>function isenglish(name) //英文值检测 <br/>{ <br/>if(name.length == 0) <br/>return false; <br/>for(i = 0; i < name.length; i++) { <br/>if(name.charcodeat(i) > 128) <br/>return false; <br/>} <br/>return true; <br/>} <br/><br/>function ischinese(name) //中文值检测 <br/>{ <br/>if(name.length == 0) <br/>return false; <br/>for(i = 0; i < name.length; i++) { <br/>if(name.charcodeat(i) > 128) <br/>return true; <br/>} <br/>return false; <br/>} <br/><br/>function ismail(name) // e-mail值检测 <br/>{ <br/>if(! isenglish(name)) <br/>return false; <br/>i = name.indexof(" at "); <br/>j = name dot lastindexof(" at "); <br/>if(i == -1) <br/>return false; <br/>if(i != j) <br/>return false; <br/>if(i == name dot length) <br/>return false; <br/>return true; <br/>} <br/><br/>function isnumber(name) //数值检测 <br/>{ <br/>if(name.length == 0) <br/>return false; <br/>for(i = 0; i < name.length; i++) { <br/>if(name.charat(i) < "0" || name.charat(i) > "9") <br/>return false; <br/>} <br/>return true; <br/>} <br/><br/>function checkform() <br/>{ <br/>if(! ismail(form.email.value)) { <br/>alert("您的电子邮件不合法！"); <br/>form.email.focus(); <br/>return false; <br/>} <br/>if(! isenglish(form.name.value)) { <br/>alert("英文名不合法！"); <br/>form.name.focus(); <br/>return false; <br/>} <br/>if(! ischinese(form.cnname.value)) { <br/>alert("中文名不合法！"); <br/>form.cnname.focus(); <br/>return false; <br/>} <br/>if(! isnumber(form.publiczipcode.value)) { <br/>alert("邮政编码不合法！"); <br/>form.publiczipcode.focus(); <br/>return false; <br/>} <br/>return true; <br/>} <br/>//--> <br/></script>

2.6  限定表单项不能输入的字符

<script> <br/><!-- <br/><br/>function contain(str,charset)// 字符串包含测试函数 <br/>{ <br/>var i; <br/>for(i=0;i<charset.length;i++) <br/>if(str.indexof(charset.charat(i))>=0) <br/>return true; <br/>return false; <br/>} <br/><br/>function checkform() <br/>{ <br/>if ((contain(document.form.name.value, "%\(\)><")) || (contain(document.form.message.value, "%\(\)><"))) <br/>{ <br/>alert("输入了非法字符"); <br/>document.form.name.focus(); <br/>return false; <br/>} <br/>return true; <br/>} <br/>//--> <br/></script>  

1. 检查一段字符串是否全由数字组成       
---------------------------------------       
<script><!-- <br/>function checknum(str){return str.match(/\d/)==null} <br/>alert(checknum("1232142141")) <br/>alert(checknum("123214214a1")) <br/>// --></script>         

2. 怎么判断是否是字符         
---------------------------------------       
if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");          
else alert("全是字符");      

3. 怎么判断是否含有汉字        
---------------------------------------        
if (escape(str).indexof("%u")!=-1) alert("含有汉字");         
else alert("全是字符");           

4. 邮箱格式验证    
---------------------------------------      
//函数名：chkemail     
//功能介绍：检查是否为email address     
//参数说明：要检查的字符串     
//返回值：0：不是 1：是     
function chkemail(a)     
{ var i=a.length;     
var temp = a.indexof('@');     
var tempd = a.indexof('.');     
if (temp > 1) {     
if ((i-temp) > 3){     
if ((i-tempd)>0){     
return 1;     
}     

}     
}     
return 0;     
}      

5. 数字格式验证    
---------------------------------------      
//函数名：fucchecknum     
//功能介绍：检查是否为数字     
//参数说明：要检查的数字     
//返回值：1为是数字，0为不是数字     
function fucchecknum(num)     
{     
var i,j,strtemp;     
strtemp="0123456789";     
if ( num.length== 0)     
return 0     
for (i=0;i{     
j=strtemp.indexof(num.charat(i));     
if (j==-1)     
{     
//说明有字符不是数字     
return 0;     
}     
}     
//说明是数字     
return 1;     
}     

6. 电话号码格式验证    
---------------------------------------      
//函数名：fucchecktel     
//功能介绍：检查是否为电话号码     
//参数说明：要检查的字符串     
//返回值：1为是合法，0为不合法     
function fucchecktel(tel)     
{     
var i,j,strtemp;     
strtemp="0123456789-()# ";     
for (i=0;i{     
j=strtemp.indexof(tel.charat(i));     
if (j==-1)     
{     
//说明有字符不合法     
return 0;     
}     
}     
//说明合法     
return 1;     
}    

7. 判断输入是否为中文的函数   
---------------------------------------      
function ischinese(s){   
var ret=true;   
for(var i=0;iret=ret && (s.charcodeat(i)>=10000);   
return ret;   
}    

8. 综合的判断用户输入的合法性的函数  
---------------------------------------      
<script> <br/>//限制输入字符的位数开始 <br/>//m是用户输入，n是要限制的位数 <br/>function issmall(m,n) <br/>{ <br/>if ((m<n) && (m>0)) <br/> { <br/> return(false); <br/> } <br/>else <br/>{return(true);} <br/>} <br/><br/>9. 判断密码是否输入一致 <br/>--------------------------------------- <br/>function issame(str1,str2) <br/>{ <br/>if (str1==str2) <br/>{return(true);} <br/>else <br/>{return(false);} <br/>} <br/><br/>10. 判断用户名是否为数字字母下滑线 <br/>--------------------------------------- <br/>function notchinese(str){ <br/>var reg=/[^a-za-z0-9_]/g <br/> if (reg.test(str)){ <br/> return (false); <br/> }else{ <br/>return(true); } <br/>} <br/><br/>2.8. form文本域的通用校验函数 <br/>--------------------------------------- <br/>作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。 <br/>该校验现在只针对文本域，如果要针对form里面的其他域对象，可以改变判断条件。 <br/><br/>使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。比如要检测用户名 <br/>html如下<input name="txt_1" title="姓名">,当然，最好用可视化工具比如dreamweaver什么的来编辑域。 <br/>如果要检测数字类型数据的话，再把域的id统一为sz. <br/>javascript判断日期类型比较麻烦，所以就没有做日期类型校验的程序了.高手可以补充。 <br/><br/>程序比较草，只是提供一个思路。抛砖引玉！ ：） <br/>哦，对了，函数调用方法：< form onsubmit="return dovalidate()"> <br/><br/>function dovalidate() <br/>{ <br/>fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件 <br/> for(i=0;i<fm.length;i++) <br/> { <br/> //检测判断条件，根据类型不同可以修改 <br/> if(fm[i].tagname.touppercase()=="input" &&fm[i].type.touppercase()=="text" && (fm[i].title!="")) <br/><br/> if(fm[i].value="/blog/="")// <br/> { <br/> str_warn1=fm[i].title+"不能为空!"; <br/> alert(str_warn1); <br/> fm[i].focus(); <br/> return false; <br/> } <br/> if(fm[i].id.touppercase()=="sz")//数字校验 <br/> { <br/> if(isnan(fm[i].value)) <br/> { str_warn2=fm[i].title+"格式不对"; <br/> alert(str_warn2); <br/> fm[i].focus(); <br/> return false; <br/> } <br/> } <br/> } <br/> return true; <br/>} <br/></script>