Heim > Web-Frontend > js-Tutorial > 收藏的js表单验证控制代码大全_表单特效

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

PHP中文网
Freigeben: 2016-05-16 19:10:16
Original
994 Leute haben es durchsucht

关键字: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." 只能是英文




4. 只能是数字




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


6. 验证油箱格式



7. 屏蔽关键字(这里屏蔽***和****)






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  表单项不能为空



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



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




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



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



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

  

1. 检查一段字符串是否全由数字组成       
---------------------------------------       
         

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. 综合的判断用户输入的合法性的函数  
---------------------------------------      
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage