搜索
首页web前端js教程JavaScript表单验证大全

JavaScript表单验证大全

Nov 26, 2016 am 10:11 AM
javascript

<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. 验证邮箱格式


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"

加在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/>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>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>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>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>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/>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>function CheckForm()<br>{<br>if ((contain(document.form.NAME.value, "%\(\)><")) || (contain(document.form.MESSAGE.value, "%</p><p>\(\)><")))<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;
}
}
//说明合法 www.2cto.com
return 1;
}

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

8. 综合的判断用户输入的合法性的函数
---------------------------------------   

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

SecLists

SecLists

SecLists是最终安全测试人员的伙伴。它是一个包含各种类型列表的集合,这些列表在安全评估过程中经常使用,都在一个地方。SecLists通过方便地提供安全测试人员可能需要的所有列表,帮助提高安全测试的效率和生产力。列表类型包括用户名、密码、URL、模糊测试有效载荷、敏感数据模式、Web shell等等。测试人员只需将此存储库拉到新的测试机上,他就可以访问到所需的每种类型的列表。

DVWA

DVWA

Damn Vulnerable Web App (DVWA) 是一个PHP/MySQL的Web应用程序,非常容易受到攻击。它的主要目标是成为安全专业人员在合法环境中测试自己的技能和工具的辅助工具,帮助Web开发人员更好地理解保护Web应用程序的过程,并帮助教师/学生在课堂环境中教授/学习Web应用程序安全。DVWA的目标是通过简单直接的界面练习一些最常见的Web漏洞,难度各不相同。请注意,该软件中

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

安全考试浏览器

安全考试浏览器

Safe Exam Browser是一个安全的浏览器环境,用于安全地进行在线考试。该软件将任何计算机变成一个安全的工作站。它控制对任何实用工具的访问,并防止学生使用未经授权的资源。