js表单验证控制代码大全
JavaScript实现表单验证
JavaScript实现表单验证表单验证可以通过 JavaScript 来完成以下⽰例代码⽤于判断表单字段(Name)值是否存在,如果存在,则弹出信息,否则阻⽌表单提交:1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>表单验证</title>6 <script type="text/javascript">7function myFunction(){89var x=document.forms["Form"]["Name"].value;10if(x=null||x=="")11 {12 alert("请输⼊名字!!");13return false;14 }15 }16171819 </script>20 </head>21 <body>2223 <form name="Form" action="#" onsubmit="return myFunction()" method="post">24名字:<input type="text" name="Name">25 <input type="submit" value="提交">262728 </form>2930 </body>31 </html>JavaScript 验证输⼊的数字⽰例:1 <!DOCTYPE html>2 <html lang="en">3 <head>4 <meta charset="UTF-8">5 <title>验证输⼊的数字</title>6 </head>7 <body>8 <p><strong>请输⼊1到10之间的数字:</strong></p>9 <input id="number">10 <button type="button" onclick="myFunction()">提交</button>1112 <script type="text/javascript">13function myFunction(){141516var x=document.getElementById("number").value;//获取id="number"的值17//如果输⼊的值 x 不是数字或者⼩于 1 或者⼤于 10,则提⽰错误18if(isNaN(x)||x<1||x>10)19 {20 alert("您输⼊有误,请输⼊1到10之间的数字");21 }else{22 alert("您输⼊正确");23 }24 }2526 </script>27 </body>28 </html>HTML 表单验证也可以通过浏览器来⾃动完成。
经常用到的JS表单验证函数
经常⽤到的JS表单验证函数最近需要⽤到⽤户注册信息的表单验证,然后就查了好些资料,下⾯就给⼤家分享⼀下经常会⽤到的⼀些,JS表单验证函数,希望对⼤家有⽤。
//邮件校验1//邮件校验2//通过校验返回ture,否则返回false3function isEmail(emailStr) {4if (emailStr.length == 0) {5return fasle;6 } else {7var emailPat=/^(.+)@(.+)$/;8var specialChars="/(/)<>@,;:///"/./[/]";9var validChars="[^/s" + specialChars + "]";10var quotedUser="("[^"]*")";11 var ipDomainPat=/^(d{1,3})[.](d{1,3})[.](d{1,3})[.](d{1,3})$/;12 var atom=validChars + '+';13 var word="(" + atom + "|" + quotedUser + ")";14 var userPat=new RegExp("^" + word + "(/." + word + ")*$");15var domainPat=new RegExp("^" + atom + "(/." + atom + ")*$");16var matchArray=emailStr.match(emailPat);17if (matchArray == null) {18return false;19 }20var user=matchArray[1];21var domain=matchArray[2];22if (user.match(userPat) == null) {23return false;24 }25var IPArray = domain.match(ipDomainPat);26if (IPArray != null) {27for (var i = 1; i <= 4; i++) {28if (IPArray[i] > 255) {29return false;30 }31 }32return true;33 }34var domainArray=domain.match(domainPat);35if (domainArray == null) {36return false;37 }38var atomPat=new RegExp(atom,"g");39var domArr=domain.match(atomPat);40var len=domArr.length;41if ((domArr[domArr.length-1].length < 2) ||42 (domArr[domArr.length-1].length > 3)) {43return false;44 }45if (len < 2) {46return false;47 }48return true;49 }50 }51view code////IP地址校验//正确的IP地址回ture,否则返回falsefunction isIp(strIp) {var ipDomainPat=/^((2[0-4]d|25[0-5]|[01]?dd?).){3}(2[0-4]d|25[0-5]|[01]?dd?)$/;var matchArray=strIp.match(ipDomainPat);if(matchArray!=null){return true;}}//电话号码校验//正确的电话号码(包括区号和“-”如0571-*******[8] 010-*******[8] )则返回ture,否则返回falsefunction isTelphoneNum(telNum){var telphoneNumPat=/^0d{2}-d{7,8}|0d{3}-d{7,8}$/;var matchArray=telNum.match(telphoneNumPat);if(matchArray!=null){return true;}}//⼿机号码校验//正确的⼿机号码(如:138******** 013800571505)则返回ture,否则返回false function isMobilephoneNum(mobileNum){var mobilephoneNumPat=/^1d{10}|01d{10}$/;var matchArray=mobileNum.match(mobilephoneNumPat);if(matchArray!=null){return true;}}//纯数字验证输⼊,输⼊为纯数字则返回ture,否则返回falsefunction isDigital(str){var digitalPot=/^d*$/;var matchArray=str.match(digitalPot);if(matchArray!=null){return true;}}//18位⾝份证验证,输⼊正确的号码返回ture,否则返回falsefunction card(id){var Wi=new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);var ai="10X98765432";var sum=0var ssum=0;for(var i=0;i<17;i++){ssum=eval(Wi[i]*id.charAt(i));sum=ssum+sum;}var modNum=sum%11;if(ai.charAt(modNum)==id.charAt(17)){return true;}}View Code//纯英⽂验证输⼊,判断是否为英⽂,正确返回ture,否则返回falsefunction isEnglish(name) {if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charCodeAt(i) > 128)return false;}return true;}View Code//纯中⽂验证输⼊,判断是否为中⽂,正确返回 ture,否则返回falsefunction isChinese(name){if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charCodeAt(i) > 128)return true;}return false;}View Code//⾮法字符判断,str中有charset则返回turefunction contain(str,charset){var i;for(i=0;i<charset.length;i++){if(str.indexOf(charset.charAt(i))>=0){return true;}return false;}}View Code//选中⽂本框或⽂本域⽂本,在input位置加上 onClick/onFocus="textSelect();" 然后就可以使⽤以下代码function textSelect() {var obj = document.activeElement;if(obj.tagName == "TEXTAREA"){obj.select();}if(obj.tagName == "INPUT" ) {if(obj.type == "text")obj.select();}}View Code//只允许输⼊字母,数字,下划线function textOnly(){var i= window.event.keyCode ;//8=backspace//9=tab//37=left arrow//39=right arrow//46=delete//48~57=0~9//97~122=a~z//65~90=A~Z//95=_if (!((i<=57 && i>=48)||(i>=97 && i<=122)||(i>=65 && i<=90)||(i==95)||(i==8)||(i==9)||(i==37)||(i==39)||(i==46))){//window.event.keyCode=27;event.returnValue=false;return false;} else {//window.event.keyCode=keycode;return true;}}View Code//判断URL,正确的URL返回true,否则返回falsefunction isURL(URL){var urlPat=/^http://[A-Za-z0-9]+.[A-Za-z0-9]+[/=?%-&_~`@[]':+!]*([^<>""])*$/;var matchArray=URL.match(urlPat);if(matchArray!=null){return true;} else {return false;}}View Code//判断短⽇期(如2003-5-23)function isDate(date){var r = date.match(/^(d{1,4})(-|/)(d{1,2})(d{1,2})$/);if(r==null){return false;}if (r[1]<1 || r[3]<1 || r[3]-1>12 || r[4]<1 || r[4]>31) {return false}var d= new Date(r[1], r[3]-1, r[4]);if(d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]){return true;}}View Code//判断短时间(HH:MM:SS)function isTime(time){var a = time.match(/^(d{1,2})(:)?(d{1,2})(d{1,2})$/);if (a == null){return false;}if (a[1]>23 || a[1]<0 || a[3]>60 || a[3]<0 || a[4]>60 || a[4]<0){return false}return true;}View Code//在表单元素中除button外,按回车键模拟TAB功能function enterToTab(){if (window.event.keyCode == 13 && window.event.ctrlKey == false && window.event.altKey == false){ if (window.event.srcElement.type != "button")window.event.keyCode = 9;} else {return true;}}View Code//在填写表单时按回车键提交表单,name为sumbit控件名function enterTOSubmit(name) {if (window.event.keyCode == 13 && window.event.ctrlKey == false && window.event.altKey == false){ var objSubmit=document.getElementById(name);objSubmit.focus;} else {return true;}}View Code//判断是否为浮点数,正确返回truefunction isFloat(float,index){var floatPat=/^(d{1,})[.](d{1,})$/;var matchArray=float.match(floatPat);if(matchArray!=null) {if(matchArray[2].length==index){return true;}}}View Code//判断字符最⼤长度,如果strin的长度不⼤于maxLen返回turefunction maxLength(strin,maxLen) {var len=0;for(var i=0;i<strin.length;i++){if(strin.charCodeAt(i)>256){len += 2;} else {len++;}}if(len<=maxLen){return true;}}View Code//判断字符最⼩长度,如果的长度不⼩于minLen返回turefunction minLength(strin,minLen) {var len=0;for(var i=0;i<strin.length;i++){if(strin.charCodeAt(i)>256){len += 2;} else {len++;}}if(len>=maxLen){return true;}}View Code//由三个函数组成checkPassWord(),charMode(),bitTotal()//校验密码复杂度,密码由数字,⼤⼩写字母,特殊字符中的任意三种组合,通过则返回true function checkPassWord(passWord,maxLen){if (passWord.length<=maxLen)return false; //密码太短Modes=0;for (i=0;i<passWord.length;i++){//测试⼀个字符并判断⼀共有多少种模式.Modes|=charMode(passWord.charCodeAt(i));}return bitTotal(Modes);}//CharMode函数//判断某个字符是属于哪⼀种类型.function charMode(iN){if (iN>=48 && iN <=57) //数字return 1;if (iN>=65 && iN <=90) //⼤写字母return 2;if (iN>=97 && iN <=122) //⼩写return 4;elsereturn 8; //特殊字符}//bitTotal函数//计算出当前密码当中⼀共有多少种模式function bitTotal(num){modes=0;for (i=0;i<4;i++){if (num & 1) modes++;num>>>=1;}if(modes==3){return true}}View Code//判断是否为合法的⽤户名,合法返回true,否则返回flase//⽤户名由字母和数字、下划线组成,且只能以字母开头,且长度最⼩为6位function isAccount(str){if(/^[a-z]w{3,}$/i.test(str)){return true;} else {return false;]}View Code//取得字符串中中⽂字的个数function getChineseNum(obstring){var pattern = /^[⼀-龥]+$/i;var maxL,minL;maxL = obstring.length;obstring = obstring.replace(pattern,"");minL = obstring.length; return (maxL - minL) }View Code。
js验证表单大全
js验证表单大全1.0姓名验证(非数字)^([\u4E00-\u9FA5]+|[a-zA-Z]+)$(非数字)^[\u4e00-\u9fa5]{1,}$(中文)出生日期/^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[1 3456789]|1[012])-(0?[1-9]|[12]\d|30))|(((1[6-9]|[2-9]\d)\d{2})-0?2-(0?[1-9]|1\d|2[0-8]))|(((1[6-9]|[ 2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))-0?2-29-))$/1.1 长度限制<script>function test(){if(document.a.b.value.length>50){alert("不能超过50个字符!");document.a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea><input type="submit" name="Submit" value="check"></form>1.2 只能是汉字<input onkeyup="value="/oblog/value.replace(^[\u4E00-\u9FA5]+\W$,'')">1.3只能是英文^[a-zA-Z]{1,}[0-9a-zA-Z]*$|^[a-zA-Z]{1,}\w*[0-9a-zA-Z]$<script language=javascript>function onlyEng(){if(!(event.keyCode>=65&&event.keyCode<=90))event.returnvalue=false;}</script><input onkeydown="onlyEng();">1.4 只能是数字<script language=javascript>function onlyNum(){if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode< =105)))//考虑小键盘上的数字键event.returnvalue=false;}</script><input onkeydown="onlyNum();">1.5 只能是英文字符和数字<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipbo ardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">1.6 验证邮箱格式^([a-zA-Z0-9])+[@]+([a-zA-Z0-9]{1,4})+\.+([a-zA-Z0-9]{1,4})$<SCRIPT LANGUAGE=javascript RUNAT=Server>function isEmail(strEmail) {if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\. [A-Za-z0-9]+$/) != -1)return true;elsealert("oh");}</SCRIPT><input type=text onblur=isEmail(this.value)>1.7 屏蔽关键字(这里屏蔽***和****)<script language="javascript1.2">function test() {if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){alert(":)");a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><input type=text name=b><input type="submit" name="Submit" value="check"></form>1.8 两次输入密码是否相同<FORM METHOD=POST ACTION=""><input type="password" id="input1"><input type="password" id="input2"><input type="button" value="test" onclick="check()"></FORM><script>function check(){with(document.all){if(input1.value!=input2.value){alert("false")input1.value = "";input2.value = "";}else document.forms[0].submit();}}</script>1.9屏蔽右键很酷oncontextmenu="return false" ondragstart="return false" onselectstart="return f alse"加在body中2.1 表单项不能为空<script language="javascript"><!--function CheckForm(){if (.value.length == 0) {alert("请输入您姓名!");.focus();return false;}return true;}--></script>2.2 比较两个表单项的值是否相同<script language="javascript"><!--function CheckForm()if (document.form.PWD.value != document.form.PWD_Again.value) {alert("您两次输入的密码不一样!请重新输入.");document.ADDUser.PWD.focus();return false;}return true;}--></script>2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等<script language="javascript"><!--function isNumber(String){var Letters = "1234567890-"; //可以自己增加可输入值var i;var c;if(String.charAt( 0 )=='-')return false;if( String.charAt( String.length - 1 ) == '-' )return false;for( i = 0; i < String.length; i ++ ){c = String.charAt( i );if (Letters.indexOf( c ) < 0)return false;}return true;}function CheckForm(){if(! isNumber(document.form.TEL.value)) {alert("您的电话号码不合法!");document.form.TEL.focus();return false;}return true;}--></script>2.4 表单项输入数值/长度限定<script language="javascript"><!--function CheckForm(){if (document.form.count.value > 100 || document.form.count.value < 1) {alert("输入数值不能小于零大于100!");document.form.count.focus();return false;}if (document.form.MESSAGE.value.length<10){alert("输入文字小于10!");document.form.MESSAGE.focus();return false;}return true;}//--></script>2.5 中文/英文/数字/邮件地址合法性判断<SCRIPT LANGUAGE="javascript"><!--function isEnglish(name) //英文值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charCodeAt(i) > 128)return false;}return true;}function isChinese(name) //中文值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charCodeAt(i) > 128)return true;}return false;}function isMail(name) // E-mail值检测{if(! isEnglish(name))return false;i = name.indexOf(" at ");j = name dot lastIndexOf(" at ");if(i == -1)return false;if(i != j)return false;if(i == name dot length)return false;return true;}function isNumber(name) //数值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charAt(i) < "0" || name.charAt(i) > "9") return false;}return true;}function CheckForm(){if(! isMail(form.Email.value)) {alert("您的电子邮件不合法!");form.Email.focus();return false;}if(! isEnglish(.value)) {alert("英文名不合法!");.focus();return false;}if(! isChinese(name.value)) {alert("中文名不合法!");name.focus();return false;}if(! isNumber(form.PublicZipCode.value)) {alert("邮政编码不合法!");form.PublicZipCode.focus();return false;}return true;}//--></SCRIPT>2.6 限定表单项不能输入的字符<script language="javascript"><!--function contain(str,charset)// 字符串包含测试函数{var i;for(i=0;i<charset.length;i++)if(str.indexOf(charset.charAt(i))>=0)return true;return false;}function CheckForm(){if ((contain(.value, "%\(\)><")) || (contain(document.for m.MESSAGE.value, "%\(\)><"))){alert("输入了非法字符");.focus();return false;}return true;}//--></script>1. 检查一段字符串是否全由数字组成---------------------------------------<script language="Javascript"><!--function checkNum(str){return str.match(/\D/)==null} alert(checkNum("1232142141"))alert(checkNum("123214214a1"))// --></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 0for (i=0;i<NUM.length;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<TEL.length;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;i<s.length;i++)ret=ret && (s.charCodeAt(i)>=10000); return ret;}8. 综合的判断用户输入的合法性的函数---------------------------------------<script language="javascript">//限制输入字符的位数开始//m是用户输入,n是要限制的位数function issmall(m,n){if ((m<n) && (m>0)){return(false);}else{return(true);}}9. 判断密码是否输入一致--------------------------------------- function issame(str1,str2){if (str1==str2){return(true);}else{return(false);}}10. 判断用户名是否为数字字母下滑线--------------------------------------- function notchinese(str){var reg=/[^A-Za-z0-9_]/gif (reg.test(str)){return (false);}else{return(true); }}11. form文本域的通用校验函数---------------------------------------作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
JS-表单非空验证
JS-表单⾮空验证JavaScript 表单验证JavaScript 可⽤来在数据被送往服务器前对 HTML 表单中的这些输⼊数据进⾏验证。
实例:1.⽤户名的⾮空验证代码如下:<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>⽆标题⽂档</title><style type="text/css"></style></head><body><form action="aa.html" method="post"> <!--<form> 中的两个必要属性:action,method-->⽤户名<input type="text" name="nn" id="nn" /><input type="submit" value="登陆" id="b1" onclick= "return yz()" /> <!--onclick属性添加点击事件--> </form></body><script type="text/javascript">function yz() //封装⼀个<body>中做成点击事件的函数{var nn = document.getElementById("nn"); //通过id名找到元素并重新赋值if(nn=="" || "null") //判断条件{alert("⽤户名不能为空"); //输出不满⾜条件的提⽰内容return false;}else{return true; //满⾜条件时将执⾏表单的action}}</script>当条件不满⾜时输出结果为:当满⾜条件时,⾃动跳转页⾯。
JS表单验证-12个常用的JS表单验证
JS表单验证-12个常⽤的JS表单验证JS表单验证-12个常⽤的JS表单验证最近有个项⽬⽤到了表单验证,⼩编在项⽬完结后的这段时间把常⽤的JS表单验证demo整理了⼀下,和⼤家⼀起分享~~~ 1. 长度限制<p>1. 长度限制</p><form name=a onsubmit="return test()"><textarea name="b" cols="40" rows="6" placeholder="不能超过50个字符!"></textarea><br /><input type="submit" name="Submit" value="check"></form><script language="javascript">function test(){if(document.a.b.value.length>50){alert("不能超过50个字符!");document.a.b.focus();return false;}}</script>2. 只能是汉字<p>2. 只能是汉字 </p><input type="text" onblur="isChinese(this.value)" placeholder="请输⼊中⽂!" /><script language="javascript">function isChinese(obj){var reg=/^[\u0391-\uFFE5]+$/;if(obj!=""&&!reg.test(obj)){alert('必须输⼊中⽂!');return false;}}</script>以下demo中的HTML的结构与验证中⽂结构相似的,⼩编就只写js啦~~~3. 只能是英⽂字母<script type="text/javascript">//验证只能是字母function checkZm(zm){var zmReg=/^[a-zA-Z]*$/;if(zm!=""&&!zmReg.test(zm)){alert("只能是英⽂字母!");return false;}}</script>4. 只能是数字<script language=javascript>//验证只能为数字function checkNumber(obj){var reg = /^[0-9]+$/;if(obj!=""&&!reg.test(obj)){alert('只能输⼊数字!');return false;}}</script>5. 只能是英⽂字母和数字<script type="text/javascript">//验证只能是字母和数字function checkZmOrNum(zmnum){var zmnumReg=/^[0-9a-zA-Z]*$/;if(zmnum!=""&&!zmnumReg.test(zmnum)){alert("只能输⼊是字母或者数字,请重新输⼊");return false;}}</script>6. 检验时间⼤⼩(与当前时间⽐较)<script type="text/javascript">//检验时间⼤⼩(与当前时间⽐较)function checkDate(obj){var obj_value=obj.replace(/-/g,"/");//替换字符,变成标准格式(检验格式为:'2009-12-10')// var obj_value=obj.replace("-","/");//替换字符,变成标准格式(检验格式为:'2010-12-10 11:12') var date1=new Date(Date.parse(obj_value));var date2=new Date();//取今天的⽇期if(date1>date2){alert("不能⼤于当前时间!");return false;}}</script>7. 屏蔽关键字(这⾥屏蔽***和****)<script type="text/javascript">function test(obj) {if((obj.indexOf ("***") == 0)||(obj.indexOf ("****") == 0)){alert("屏蔽关键字(这⾥屏蔽***和****)!");return false;}}</script>8. 两次输⼊密码是否相同<script type="text/javascript">function check(){with(document.all){if(input1.value!=input2.value){alert("密码不⼀致")input1.value = "";input2.value = "";}else {alert("密码⼀致");document.forms[0].submit();}}}</script>9. 表单项不能为空<script language="javascript">function CheckForm(obj){if (obj.length == 0) {alert("姓名不能为空!");return false;}return true;alert("姓名不能为空!");}</script>10. 邮箱验证<script language="javascript">function test(obj){//对电⼦邮件的验证var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/; if(!myreg.test(obj)){alert('请输⼊有效的邮箱!');return false;}}</script>11. 验证⼿机号<script type="text/javascript">function validatemobile(mobile){if(mobile.length==0){alert('⼿机号码不能为空!');return false;}if(mobile.length!=11){alert('请输⼊有效的⼿机号码,需是11位!');return false;}var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/;if(!myreg.test(mobile)){alert('请输⼊有效的⼿机号码!');return false;}}</script>12. 验证⾝份证号码(需是有效⾝份证)<script type="text/javascript">// 构造函数,变量为15位或者18位的⾝份证号码function clsIDCard(CardNo) {this.Valid=false;this.ID15='';this.ID18='';this.Local='';if(CardNo!=null)this.SetCardNo(CardNo);}// 设置⾝份证号码,15位或者18位clsIDCard.prototype.SetCardNo = function(CardNo) {this.ID15='';this.ID18='';this.Local='';CardNo=CardNo.replace(" ","");var strCardNo;if(CardNo.length==18) {pattern= /^\d{17}(\d|x|X)$/;if (pattern.exec(CardNo)==null)return;strCardNo=CardNo.toUpperCase();} else {pattern= /^\d{15}$/;if (pattern.exec(CardNo)==null)return;strCardNo=CardNo.substr(0,6)+'19'+CardNo.substr(6,9)strCardNo+=this.GetVCode(strCardNo);}this.Valid=this.CheckValid(strCardNo);}// 校验⾝份证有效性clsIDCard.prototype.IsValid = function() {return this.Valid;}// 返回⽣⽇字符串,格式如下,1981-10-10clsIDCard.prototype.GetBirthDate = function() {var BirthDate='';if(this.Valid)BirthDate=this.GetBirthYear()+'-'+this.GetBirthMonth()+'-'+this.GetBirthDay(); return BirthDate;}// 返回⽣⽇中的年,格式如下,1981clsIDCard.prototype.GetBirthYear = function() {var BirthYear='';if(this.Valid)BirthYear=this.ID18.substr(6,4);return BirthYear;}// 返回⽣⽇中的⽉,格式如下,10clsIDCard.prototype.GetBirthMonth = function() {var BirthMonth='';if(this.Valid)BirthMonth=this.ID18.substr(10,2);if(BirthMonth.charAt(0)=='0')BirthMonth=BirthMonth.charAt(1);return BirthMonth;}// 返回⽣⽇中的⽇,格式如下,10clsIDCard.prototype.GetBirthDay = function() {var BirthDay='';if(this.Valid)BirthDay=this.ID18.substr(12,2);return BirthDay;}// 返回性别,1:男,0:⼥clsIDCard.prototype.GetSex = function() {var Sex='';if(this.Valid)Sex=this.ID18.charAt(16)%2;return Sex;}// 返回15位⾝份证号码clsIDCard.prototype.Get15 = function() {var ID15='';if(this.Valid)ID15=this.ID15;return ID15;}// 返回18位⾝份证号码clsIDCard.prototype.Get18 = function() {var ID18='';if(this.Valid)ID18=this.ID18;return ID18;}// 返回所在省,例如:上海市、浙江省clsIDCard.prototype.GetLocal = function() {var Local='';if(this.Valid)Local=this.Local;return Local;}clsIDCard.prototype.GetVCode = function(CardNo17) {var Wi = new Array(7,9,10,5,8,4,2,1,6,3,7,9,10,5,8,4,2,1);var Ai = new Array('1','0','X','9','8','7','6','5','4','3','2');var cardNoSum = 0;for (var i=0; i<CardNo17.length; i++)cardNoSum+=CardNo17.charAt(i)*Wi[i];var seq = cardNoSum%11;return Ai[seq];}clsIDCard.prototype.CheckValid = function(CardNo18) {if(this.GetVCode(CardNo18.substr(0,17))!=CardNo18.charAt(17))return false;if(!this.IsDate(CardNo18.substr(6,8)))return false;var aCity={11:"北京",12:"天津",13:"河北",14:"⼭西",15:"内蒙古",21:"辽宁",22:"吉林",23:"⿊龙江 ",31:"上海",32:"江苏",33:"浙江",34:"安徽",35:"福建",36:"江西",37:"⼭东",41:"河南",42:"湖北 ",43:"湖南",44:"⼴东",45:"⼴西",46:"海南",50:"重庆",51:"四川",52:"贵州",53:"云南",54:"西藏 ",61:"陕西",62:"⽢肃",63:"青海",64:"宁夏",65:"新疆",71:"台湾",81:"⾹港",82:"澳门",91:"国外"};if(aCity[parseInt(CardNo18.substr(0,2))]==null)return false;this.ID18=CardNo18;this.ID15=CardNo18.substr(0,6)+CardNo18.substr(8,9);this.Local=aCity[parseInt(CardNo18.substr(0,2))];return true;}clsIDCard.prototype.IsDate = function(strDate) {var r = strDate.match(/^(\d{1,4})(\d{1,2})(\d{1,2})$/);if(r==null)return false;var d= new Date(r[1], r[2]-1, r[3]);return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[2]&&d.getDate()==r[3]);}function valiIdCard(idCard){var checkFlag = new clsIDCard(idCard);if (!checkFlag.IsValid()) {alert("输⼊的⾝份证号⽆效,请输⼊真实的⾝份证号!");document.getElementByIdx("idCard").focus();return false;}else{alert("是有效⾝份证!");}}</script>。
表单验证—js循环所有表单验证
表单验证—js循环所有表单验证【封装为表单验证的专⽤js,所有表单页⾯都可以调⽤】1、表单<form id="regForm" method="post" action="index/register" onsubmit="checkForm(this)">....<td><label class="ui-green"><input type="submit" name="submit" value="提交注册"/></label></td>2、验证form表单function checkForm(frm){var els = frm.getElementsByTagName("input");for(var i=0; i<els.length; i++) {if(typeof(els[i].getAttribute("onblur")) == "function") {if(!CheckItem(els[i])) return false;}}return true;}3、验证该表单下的所有input框function CheckItem(obj){//将input提⽰框的内容赋空obj.parentNode.parentNode.className = "";var msgBox = obj.parentNode.getElementsByTagName("span")[0];switch() {case "regUserName"://这后⾯的业务可以单独提出来作为⼀个⽅法if(obj.value == "") {msgBox.innerHTML = "密码不能为空!";//添加className⽅便统⼀管理样式msgBox.className = "error";return false;}else{//⽤户名被占⽤$.ajax({"url":"index/hasname","data":"username="+obj.value,"type":"post","dataType":"json","success":function(data){if(data=="1"){msgBox.innerHTML = "⽤户名已存在!";msgBox.className = "error";return false;}else{//⽤户名可⽤msgBox.innerHTML = "⽤户名可⽤!";msgBox.className = "nameinfo";}}});}break;case "userName":if(obj.value == "") {msgBox.innerHTML = "密码不能为空!";msgBox.className = "error";return false;}break;case "passWord":if(obj.value == "") {msgBox.innerHTML = "密码不能为空!";msgBox.className = "error";return false;}break;case "rePassWord":if(obj.value == "") {msgBox.innerHTML = "密码不能为空!";msgBox.className = "error";return false;} else if(obj.value != document.getElementById("passWord").value) { msgBox.innerHTML = "两次密码不⼀致!";msgBox.className = "error";return false;}break;case "veryCode":if(obj.value == "") {msgBox.innerHTML = "验证码不能为空!";msgBox.className = "error";return false;}break;}return true;}。
如何在JavaScript中实现表单验证和数据校验
如何在JavaScript中实现表单验证和数据校验表单验证和数据校验在JavaScript中是非常重要的,它们可以帮助我们确保用户在提交表单时输入有效的数据。
本文将介绍如何使用JavaScript实现表单验证和数据校验。
一、使用JavaScript实现表单验证在JavaScript中,可以使用一些常用的方法和技巧来验证表单的输入。
以下是实现表单验证的步骤:1.获取表单元素:首先,需要使用JavaScript选择器获取表单元素。
可以使用getElementById()、getElementsByTagName()或querySelector()等方法来获取表单元素。
2.添加事件监听器:接下来,可以使用addEventListener()方法为表单元素添加一个submit事件监听器。
这样,当用户提交表单时,可以触发相应的验证逻辑。
3.编写验证逻辑:在事件监听器中,可以编写一些验证逻辑。
例如,可以检查输入框是否为空、检查邮箱地址格式是否正确等。
可以使用正则表达式、条件语句等来实现不同的验证逻辑。
4.验证结果提示:最后,根据验证结果,可以使用alert()、innerHTML()或console.log()等方法来提示用户验证结果。
以下是一个示例代码,演示了如何使用JavaScript实现简单的表单验证:```javascript//获取表单元素var form = document.getElementById('myForm');//添加事件监听器form.addEventListener('submit', function(event) {//阻止表单默认提交行为event.preventDefault();//获取输入框的值var name = document.getElementById('name').value;//验证逻辑if (name === '') {alert('请输入姓名');} else {alert('提交成功');form.reset();}});```二、使用JavaScript实现数据校验除了表单验证,JavaScript还可以用于对数据进行校验。
前端开发实训案例使用JavaScript实现表单验证功能
前端开发实训案例使用JavaScript实现表单验证功能JavaScript是一种广泛应用于前端开发的脚本语言,它能够为网页添加动态交互效果,其中表单验证功能是前端开发中常见的需求之一。
在这篇文章中,我将介绍一个前端开发实训案例,使用JavaScript来实现表单验证功能。
一、案例背景在一个网页注册页面中,用户需要填写一系列的表单信息,包括用户名、密码、电子邮件等。
为了提高用户体验和数据的准确性,我们需要对这些输入进行验证,确保用户输入的内容符合一定的规则。
二、实现方法我们将使用JavaScript来实现表单验证功能。
JavaScript提供了一些内置的表单验证方法和事件,可以方便地对用户的输入进行检查和处理。
1. 表单验证规则在实现表单验证功能之前,我们需要确定一些验证规则,以便对用户输入的内容进行判断。
根据实际需求,我们可以设定以下的表单验证规则:- 用户名:长度在6到12个字符之间,只能包含字母和数字。
- 密码:长度在8到16个字符之间,至少包含一个大写字母、一个小写字母和一个数字。
- 电子邮件:需要符合电子邮件的格式要求,即包含一个@符号和一个域名。
2. 表单验证函数我们可以定义一个JavaScript函数,用于对表单输入进行验证。
以下是一个简单的示例代码:```javascriptfunction validateForm() {var username = document.getElementById("username").value;var password = document.getElementById("password").value;var email = document.getElementById("email").value;var usernamePattern = /^[a-zA-Z0-9]{6,12}$/;var passwordPattern = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,16}$/;var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/;if (!usernamePattern.test(username)) {alert("用户名格式不正确!");return false;}if (!passwordPattern.test(password)) {alert("密码格式不正确!");return false;}if (!emailPattern.test(email)) {alert("电子邮件格式不正确!");return false;}return true;}```在这个函数中,我们首先获取表单中的用户名、密码和电子邮件的值,然后定义了三个正则表达式分别对应用户名、密码和电子邮件的验证规则。
js常用正则表达式表单验证代码(最全面)
js 常用正则表达式表单验证代码方法一:var re=/正则表达式/;re.test($("txtid").val())方法二:$("txtid").val.match(/正则表达式/);附:验证数字的正则表达式集(转载)验证数字:^[0-9]*$验证n位的数字:^\d{n}$验证至少n位数字:^\d{n,}$验证m-n位的数字:^\d{m,n}$验证零和非零开头的数字:^(0|[1-9][0-9]*)$验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$验证非零的正整数:^\+?[1-9][0-9]*$验证非零的负整数:^\-[1-9][0-9]*$验证非负整数(正整数+ 0)^\d+$验证非正整数(负整数+ 0)^((-\d+)|(0+))$验证长度为3的字符:^.{3}$验证由26个英文字母组成的字符串:^[A-Za-z]+$验证由26个大写英文字母组成的字符串:^[A-Z]+$验证由26个小写英文字母组成的字符串:^[a-z]+$验证由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$验证由数字、26个英文字母或者下划线组成的字符串:^\w+$验证用户密码:^[a-zA-Z]\w{5,17}$ 正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。
验证是否含有^%&',;=?$\" 等字符:[^%&',;=?$\x22]+验证汉字:^[\u4e00-\u9fa5],{0,}$验证Email地址:^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$验证InternetURL:^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$验证电话号码:^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$:--正确格式为:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。
如何在JavaScript中实现表单的验证和数据校验
如何在JavaScript中实现表单的验证和数据校验表单验证和数据校验在Web开发中非常重要,可以确保用户提供的数据符合预期并在后端进行处理。
在JavaScript中,可以使用各种技术和库来实现表单验证和数据校验。
接下来,我将为您提供一种基本的方法,用于实现表单验证和数据校验。
1. HTML5表单验证HTML5提供了一些表单验证的内置功能,可以在客户端进行基本的数据校验。
以下是一些常用的HTML5表单验证属性:- required:设置字段为必填字段,如果没有填写将无法提交表单。
- pattern:使用正则表达式验证字段的值。
- type属性验证:比如email类型会验证输入是否为有效的电子邮件地址。
这些HTML5表单验证属性可以帮助我们在不使用JavaScript的情况下进行表单校验。
然而,它们的功能有限,无法满足特定的验证需求。
2.自定义JavaScript表单验证自己编写JavaScript代码来实现表单验证可以很灵活,满足更多的验证需求。
以下是一个基本的示例代码,用于验证表单字段:```javascript//获取表单元素和错误提示元素const form = document.querySelector('form');const errorElement = document.getElementById('error');form.addEventListener('submit', (event) => {event.preventDefault(); //阻止表单提交//验证表单字段const name = document.getElementById('name').value;const email = document.getElementById('email').value;if (name === '' || email === '') {errorElement.textContent = '请填写所有字段';return;}if (!validateEmail(email)) {errorElement.textContent = '请输入有效的电子邮件地址'; return;}//提交表单form.submit();});//验证电子邮件地址的函数function validateEmail(email) {const re = /^\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;return re.test(String(email).toLowerCase());}```上述代码通过添加事件监听器来捕获表单的提交事件。
javascript html5实现表单验证_
javascript html5实现表单验证_这篇文章主要为大家具体介绍了javascript html5实现表单验证的具体代码,感爱好的小伙伴们可以参考一下表单验证为终端用户检测无效的数据并标记这些错误,是一种用户体验的优化。
下面呈现扫瞄器自带的验证功能也可在移动端中查看:HTML部分:!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1.0,minimum-scale=1.0,maximum-scale=1 .0"titlehtml5 表单验证/title/headbodyform action="#" id="formValid" class="myform" novalidate="novalidate" onsubmit="return checkForm()"fieldsetdiv class="form-group"label for="name"名称/labeldivinput type="text" class="form-control" id="name" name="name" required/span class="form-error"不能为空/span/div/divdiv class="form-group"label for="email"邮箱/labeldivinput type="email" class="form-control" id="email" name="email" required/span class="form-error"邮箱格式不正确/span/div/divdiv class="form-group"label省份/labelselect name="province" class="form-control"option value=""请选择/optionoption value="s"四川/optionoption value="c"重庆/option/select/divinput type="submit" class="btn" value="提交"/ /fieldset/form/body/htmlCSS部分:fieldset{border: 0;}.myform .form-control{display: block;padding: 5px;width: 100%}.myform input:focus:invalid + .form-error{display: inline;}.myform .form-error{display: none;position: absolute;margin-top: .7em;padding: 1px 2px;color: #fff;font-size: .875rem;background: #f40;}.myform .form-error:after{position: absolute;content: "";top: -.5em;left: .5em;z-index: 100;display: inline-block;width: 0;height: 0;vertical-align: middle;border-bottom: .5em solid #f40;border-right: .5em solid transparent; border-left: .5em solid transparent; border-top: 0 dotted;transform: rotate(360deg);overflow: hidden;}.btn{padding: 5px 20px;}JavaScript部分:function checkForm(){var myform = document.getElementById("formValid"); return check(myform.elements);}function check(eles){var ele;for(var i = 0;ieles.length;i++){ele = eles[i];if(ele.nodeName == "SELECT"){if(!ele.selectedIndex){alert("请选择省份");return false;}}else if(){if(!ele.checkValidity()){ele.focus();return false;}}}return true;}以上就是javascript结合html5实现表单验证的全部代码,盼望对大家的学习有所关心。
JS表单验证的代码(常用)
JS表单验证的代码(常⽤)最近没有项⽬做,有点空余时间,⼩编把⽇常⽐较常⽤的js表单验证代码整理分享到平台,供⼤家学习,需要的朋友参考下吧!注册验证:<script language="JavaScript" src="js/jquery-1.9.1.min.js" type="text/javascript"></script>//验证表单function vailForm(){var form = jQuery("#editForm");if(!vailNickName())return;if(!vailPhone())return;if(!vailPwd())return;if(!vailConfirmPwd())return;if(!vailEmail())return;if(!vailCode())return;if(!vailAgree())return;form.submit();}//验证昵称function vailNickName(){var nickName = jQuery("#nickName").val();var flag = false;var message = "";var patrn=/^\d+$/;var length = getNickNameLength();if(nickName == ''){message = "昵称不能为空!";}else if(length<4||length>16){message = "昵称为4-16个字符!";} else if(checkNickNameIsExist()){message = "该昵称已经存在,请重新输⼊!";}else{flag = true;}if(!flag){jQuery("#nickNameDiv").removeClass().addClass("ui-form-item has-error");jQuery("#nickNameP").html("");jQuery("#nickNameP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message);//jQuery("#nickName").focus();}else{jQuery("#nickNameDiv").removeClass().addClass("ui-form-item has-success");jQuery("#nickNameP").html("");jQuery("#nickNameP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>该昵称可⽤");}return flag;}//计算昵称长度function getNickNameLength(){var nickName = jQuery("#nickName").val();var len = 0;for (var i = 0; i < nickName.length; i++) {var a = nickName.charAt(i); //函数格式:stringObj.match(rgExp) stringObj为字符串必选 rgExp为正则表达式必选项 //返回值:如果能匹配则返回结果数组,如果不能匹配返回nullif (a.match(/[^ 00- ff]/ig) != null){len += 2;}else{len += 1;}}return len;}//验证昵称是否存在function checkNickNameIsExist(){var nickName = jQuery("#nickName").val();var flag = false;jQuery.ajax({ url: "checkNickName?t=" + (new Date()).getTime(),data:{nickName:nickName},dataType:"json",type:"GET",async:false,success:function(data) {var status = data.status;if(status == "1"){flag = true;}}});return flag;}//验证⼿机号function vailPhone(){var phone = jQuery("#phone").val();var flag = false;var message = "";//var myreg = /^(((13[0-9]{1})|159|153)+\d{8})$/;var myreg = /^(((13[0-9]{1})|(14[0-9]{1})|(17[0-9]{1})|(15[0-3]{1})|(15[5-9]{1})|(18[0-3]{1})|(18[5-9]{1}))+\d{8})$/;if(phone == ''){message = "⼿机号码不能为空!";}else if(phone.length !=11){message = "请输⼊有效的⼿机号码!";}else if(!myreg.test(phone)){message = "请输⼊有效的⼿机号码!";}else if(checkPhoneIsExist()){message = "该⼿机号码已经被绑定!";}else{flag = true;}if(!flag){jQuery("#phoneDiv").removeClass().addClass("ui-form-item has-error");jQuery("#phoneP").html("");jQuery("#phoneP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message);//jQuery("#phone").focus();}else{jQuery("#phoneDiv").removeClass().addClass("ui-form-item has-success");jQuery("#phoneP").html("");jQuery("#phoneP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>该⼿机号码可⽤");}return flag;}//验证⼿机号是否存在function checkPhoneIsExist(){var phone = jQuery("#phone").val();var flag = true;jQuery.ajax({ url: "checkPhone?t=" + (new Date()).getTime(),data:{phone:phone},dataType:"json",type:"GET",success:function(data) {var status = data.status;if(status == "0"){flag = false;}}});return flag;}//验证密码function vailPwd(){var password = jQuery("#password").val();var flag = false;var message = "";var patrn=/^\d+$/;if(password ==''){message = "密码不能为空!";}else if(password.length<6 || password.length>16){message = "密码6-16位!";}else if(patrn.test(password)){message = "密码不能全是数字!";}else{flag = true;}if(!flag){jQuery("#passwordDiv").removeClass().addClass("ui-form-item has-error");jQuery("#passwordP").html("");jQuery("#passwordP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message);//jQuery("#password").focus();}else{jQuery("#passwordDiv").removeClass().addClass("ui-form-item has-success");jQuery("#passwordP").html("");jQuery("#passwordP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>该密码可⽤");}return flag;}//验证确认密码function vailConfirmPwd(){var confirmPassword = jQuery("#confirm_password").val();var patrn=/^\d+$/;var password = jQuery("#password").val();var flag = false;var message = "";if(confirmPassword == ''){message = "请输⼊确认密码!";}else if(confirmPassword != password){message = "⼆次密码输⼊不⼀致,请重新输⼊!";}else if(patrn.test(password)){message = "密码不能全是数字!";}else {flag = true;}if(!flag){jQuery("#confirmPasswordDiv").removeClass().addClass("ui-form-item has-error");jQuery("#confirmPasswordP").html("");jQuery("#confirmPasswordP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message); //jQuery("#confirm_password").focus();}else{jQuery("#confirmPasswordDiv").removeClass().addClass("ui-form-item has-success");jQuery("#confirmPasswordP").html("");jQuery("#confirmPasswordP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>密码正确"); }return flag;}//验证邮箱function vailEmail(){var email = jQuery("#email").val();var flag = false;var message = "";var myreg = /^([\.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/;if(email ==''){message = "邮箱不能为空!";}else if(!myreg.test(email)){message = "请输⼊有效的邮箱地址!";}else if(checkEmailIsExist()){message = "该邮箱地址已经被注册!";}else{flag = true;}if(!flag){jQuery("#emailDiv").removeClass().addClass("ui-form-item has-error");jQuery("#emailP").html("");jQuery("#emailP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message);//jQuery("#email").focus();}else{jQuery("#emailDiv").removeClass().addClass("ui-form-item has-success");jQuery("#emailP").html("");jQuery("#emailP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>该邮箱可⽤");}return flag;}//验证邮箱是否存在function checkEmailIsExist(){var email = jQuery("#email").val();var flag = false;jQuery.ajax({ url: "checkEmail?t=" + (new Date()).getTime(),data:{email:email},dataType:"json",type:"GET",async:false,success:function(data) {var status = data.status;if(status == "1"){flag = true;}}});return flag;}//验证验证码function vailCode(){var randCode = jQuery("#randCode").val();var flag = false;var message = "";if(randCode == ''){message = "请输⼊验证码!";}else if(!checkCode()){message = "验证码不正确!";}else{flag = true;}jQuery("#randCodeDiv").removeClass().addClass("ui-form-item has-error");jQuery("#randCodeP").html("");jQuery("#randCodeP").html("<i class=\"icon-error ui-margin-right10\"> <\/i>"+message);//jQuery("#randCode").focus();}else{jQuery("#randCodeDiv").removeClass().addClass("ui-form-item has-success");jQuery("#randCodeP").html("");jQuery("#randCodeP").html("<i class=\"icon-success ui-margin-right10\"> <\/i>");}return flag;}//检查随机验证码是否正确function checkCode(){var randCode = jQuery("#randCode").val();var flag = false;jQuery.ajax({ url: "checkRandCode?t=" + (new Date()).getTime(),data:{randCode:randCode},dataType:"json",type:"GET",async:false,success:function(data) {var status = data.status;if(status == "1"){flag = true;}}});return flag;}//判断是否选中function vailAgree(){if(jQuery("#agree").is(":checked")){return true;}else{alert("请确认是否阅读并同意XX协议");}return false;}function delHtmlTag(str){ var str=str.replace(/<\/?[^>]*>/gim,"");//去掉所有的html标记 var result=str.replace(/(^\s+)|(\s+$)/g,"");//去掉前后空格 return result.replace(/\s/g,"");//去除⽂章中间空格}<!DOCTYPE html><html><body><h1>我的第⼀段 JavaScript</h1><p //验证密码为数字字母下划线function CheckPwd(pwd) {var validStr = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789_~/!@#$%^&*();-+.=,";for (i = 0; i < pwd.length; i++) {if (validStr.indexOf(pwd.charAt(i)) == -1) {return false;}}return true;}//验证邮箱格式function checkemail(email) {var filter = /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;if (!filter.test(email)) {return false;}return true;}function isEmail(val) {return /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_\`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|(( 22)(((( 20| 09)*( 0d 0a))?( 20| 09)+)?(([ 01- 08 0b 0c 0e- 1f 7f]| 21|[ 23- 5b]| }///⼿机号码验证function checktelephone(cellPhone) {var RegCellPhone = /^([0-9]{11})?$/;falg = cellPhone.search(RegCellPhone);if (falg == -1) {return false;} else {return true;}}//获取URL参数值function getParameter(param) {var query = window.location.search;var iLen = param.length;var iStart = query.indexOf(param);if (iStart == -1)return "";iStart += iLen + 1;var iEnd = query.indexOf("&", iStart);if (iEnd == -1)return query.substring(iStart);return query.substring(iStart, iEnd);}以上代码是⼩编给⼤家介绍的js表单验证,代码简单易懂,⾮常实⽤,希望对⼤家有所帮助,同时也⾮常感谢⼤家对⽹站的⽀持!。
JS验证大全
}
//--------------------------------Email格式判断
function ismail(email)
{
return(new RegExp(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]
//--------------------------------判断用户名(判断字符由字母和数字,下划线,点号组成.且开头
的只能是下划线和字母)
function isAccount(str)
{
if(/^[a-z]\w{3,}$/i.test(str)) //用户名由字母和数字、下划线组成,且只能以字母开头,且长
*4、admin_Size=改变TextArea输入框高度
*
*其它验证正则表达式
*Email : /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/
*Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?$/
/**
*方法名:onClickSelect
*描述:点中text框的时候,选中其中的文字
*输入:空
*输出:空
**/
function onClickSelect()
{
var obj = document.activeElement;
js验证表单 -很全
js验证表单js验证表单不错的JS验证用途:校验ip地址的格式输入:strIP:ip地址返回:如果通过验证返回true,否则返回false;*/function isIP(strIP) {if (isNull(strIP)) return false;var re=/^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g //匹配IP地址的正则表达式if(re.test(strIP)){if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256) return true; }return false;}/*用途:检查输入字符串是否为空或者全部都是空格输入:str返回:如果全是空返回true,否则返回false*/function isNull( str ){if ( str == "" ) return true;var regu = "^[ ]+$";var re = new RegExp(regu);return re.test(str);}/*用途:检查输入对象的值是否符合整数格式输入:str 输入的字符串返回:如果通过验证返回true,否则返回false */function isInteger( str ){var regu = /^[-]{0,1}[0-9]{1,}$/;return regu.test(str);}/*用途:检查输入手机号码是否正确输入:s:字符串返回:如果通过验证返回true,否则返回false*/function checkMobile( s ){var regu =/^[1][3][0-9]{9}$/;var re = new RegExp(regu);if (re.test(s)) {return true;}else{return false;}}/*用途:检查输入字符串是否符合正整数格式输入:s:字符串返回:如果通过验证返回true,否则返回false */function isNumber( s ){var regu = "^[0-9]+$";var re = new RegExp(regu);if (s.search(re) != -1) {return true;} else {return false;}}/*用途:检查输入字符串是否是带小数的数字格式,可以是负数输入:s:字符串返回:如果通过验证返回true,否则返回false*/function isDecimal( str ){if(isInteger(str)) return true;var re = /^[-]{0,1}(\d+)[\.]+(\d+)$/;if (re.test(str)) {if(RegExp.$1==0&&RegExp.$2==0) return false;return true;} else {return false;}}/*用途:检查输入对象的值是否符合端口号格式输入:str 输入的字符串返回:如果通过验证返回true,否则返回false*/function isPort( str ){return (isNumber(str) && str<65536);}/*用途:检查输入对象的值是否符合E-Mail格式输入:str 输入的字符串返回:如果通过验证返回true,否则返回false*/function isEmail( str ){var myReg = /^[-_A-Za-z0-9]+@([_A-Za-z0-9]+\.)+[A-Za-z0-9]{2,3}$/; if(myReg.test(str)) return true;return false;}/*用途:检查输入字符串是否符合金额格式格式定义为带小数的正数,小数点后最多三位输入:s:字符串返回:如果通过验证返回true,否则返回false*/function isMoney( s ){var regu = "^[0-9]+[\.][0-9]{0,3}$";var re = new RegExp(regu);if (re.test(s)) {return true;} else {return false;}}/*用途:检查输入字符串是否只由英文字母和数字和下划线组成输入:s:字符串返回:如果通过验证返回true,否则返回false*/function isNumberOr_Letter( s ){//判断是否是数字或字母var regu = "^[0-9a-zA-Z\_]+$";var re = new RegExp(regu);if (re.test(s)) {return true;}else{return false;}}/*用途:检查输入字符串是否只由英文字母和数字组成输入:s:字符串返回:如果通过验证返回true,否则返回false*/function isNumberOrLetter( s ){//判断是否是数字或字母var regu = "^[0-9a-zA-Z]+$";var re = new RegExp(regu);if (re.test(s)) {return true;}else{return false;}}/*用途:检查输入字符串是否只由汉字、字母、数字组成输入:value:字符串返回:如果通过验证返回true,否则返回false*/function isChinaOrNumbOrLett( s ){//判断是否是汉字、字母、数字组成var regu = "^[0-9a-zA-Z\u4e00-\u9fa5]+$";var re = new RegExp(regu);if (re.test(s)) {return true;}else{return false;}}/*用途:判断是否是日期输入:date:日期;fmt:日期格式返回:如果通过验证返回true,否则返回false*/function isDate( date, fmt ) {if (fmt==null) fmt="yyyyMMdd";var yIndex = fmt.indexOf("yyyy");if(yIndex==-1) return false;var year = date.substring(yIndex,yIndex+4);var mIndex = fmt.indexOf("MM");if(mIndex==-1) return false;var month = date.substring(mIndex,mIndex+2);var dIndex = fmt.indexOf("dd");if(dIndex==-1) return false;var day = date.substring(dIndex,dIndex+2);if(!isNumber(year)||year>"2100" || year< "1900") return false; if(!isNumber(month)||month>"12" || month< "01") return false; if(day>getMaxDay(year,month) || day< "01") return false; return true;}function getMaxDay(year,month) {if(month==4||month==6||month==9||month==11)return "30";if(month==2)if(year%4==0&&year%100!=0 || year%400==0)return "29";elsereturn "28";return "31";}/*用途:字符1是否以字符串2结束输入:str1:字符串;str2:被包含的字符串返回:如果通过验证返回true,否则返回false*/function isLastMatch(str1,str2){var index = stIndexOf(str2);if(str1.length==index+str2.length) return true; return false;}/*用途:字符1是否以字符串2开始输入:str1:字符串;str2:被包含的字符串返回:如果通过验证返回true,否则返回false*/function isFirstMatch(str1,str2){var index = str1.indexOf(str2);if(index==0) return true;return false;}/*用途:字符1是包含字符串2输入:str1:字符串;str2:被包含的字符串返回:如果通过验证返回true,否则返回false*/function isMatch(str1,str2){var index = str1.indexOf(str2);if(index==-1) return false;return true;}/*用途:检查输入的起止日期是否正确,规则为两个日期的格式正确,且结束如期>=起始日期输入:startDate:起始日期,字符串endDate:结束如期,字符串返回:如果通过验证返回true,否则返回false*/function checkTwoDate( startDate,endDate ) { if( !isDate(startDate) ) {alert("起始日期不正确!");return false;} else if( !isDate(endDate) ) {alert("终止日期不正确!");return false;} else if( startDate > endDate ) {alert("起始日期不能大于终止日期!");return false;}return true;}/*用途:检查输入的Email信箱格式是否正确输入:strEmail:字符串返回:如果通过验证返回true,否则返回false*/function checkEmail(strEmail) {//var emailReg = /^[_a-z0-9]+@([_a-z0-9]+\.)+[a-z0-9]{2,3}$/; var emailReg = /^[\w-]+(\.[\w-]+)*@[\w-]+(\.[\w-]+)+$/;if( emailReg.test(strEmail) ){return true;}else{alert("您输入的Email地址格式不正确!");return false;}}/*用途:检查输入的电话号码格式是否正确输入:strPhone:字符串返回:如果通过验证返回true,否则返回false*/function checkPhone( strPhone ) {var phoneRegWithArea = /^[0][1-9]{2,3}-[0-9]{5,10}$/;var phoneRegNoArea = /^[1-9]{1}[0-9]{5,8}$/;var prompt = "您输入的电话号码不正确!" if( strPhone.length > 9 ) {if( phoneRegWithArea.test(strPhone) ){ return true;}else{alert( prompt );return false;}}else{if( phoneRegNoArea.test( strPhone ) ){ return true;}else{alert( prompt );return false;}}}/*用途:检查复选框被选中的数目输入:checkboxID:字符串返回:返回该复选框中被选中的数目*/function checkSelect( checkboxID ) {var check = 0;var i=0;if( document.all(checkboxID).length > 0 ) {for( i=0; i<document.all(checkboxID).length; i++ ) { if( document.all(checkboxID).item( i ).checked ) { check += 1;}}}else{if( document.all(checkboxID).checked )check = 1;}return check;}function getTotalBytes(varField) {if(varField == null)return -1;var totalCount = 0;for (i = 0; i< varField.value.length; i++) {if (varField.value.charCodeAt(i) > 127)totalCount += 2;elsetotalCount++ ;}return totalCount;}function getFirstSelectedValue( checkboxID ){var value = null;var i=0;if( document.all(checkboxID).length > 0 ){for( i=0; i<document.all(checkboxID).length; i++ ){ if( document.all(checkboxID).item( i ).checked ){ value = document.all(checkboxID).item(i).value; break;}}} else {if( document.all(checkboxID).checked )value = document.all(checkboxID).value;}return value;}function getFirstSelectedIndex( checkboxID ){var value = -2;var i=0;if( document.all(checkboxID).length > 0 ){for( i=0; i<document.all(checkboxID).length; i++ ) { if( document.all(checkboxID).item( i ).checked ) { value = i;break;}}} else {if( document.all(checkboxID).checked )value = -1;}return value;}function selectAll( checkboxID,status ){if( document.all(checkboxID) == null)return;if( document.all(checkboxID).length > 0 ){for( i=0; i<document.all(checkboxID).length; i++ ){document.all(checkboxID).item( i ).checked = status;}} else {document.all(checkboxID).checked = status;}}function selectInverse( checkboxID ) {if( document.all(checkboxID) == null)return;if( document.all(checkboxID).length > 0 ) {for( i=0; i<document.all(checkboxID).length; i++ ) {document.all(checkboxID).item( i ).checked = !document.all(checkboxID).item( i ).checked;}} else {document.all(checkboxID).checked = !document.all(checkboxID).checked;}function checkDate( value ) {if(value=='') return true;if(value.length!=8 || !isNumber(value)) return false;var year = value.substring(0,4);if(year>"2100" || year< "1900")return false;var month = value.substring(4,6);if(month>"12" || month< "01") return false;var day = value.substring(6,8);if(day>getMaxDay(year,month) || day< "01") return false;return true;}/*用途:检查输入的起止日期是否正确,规则为两个日期的格式正确或都为空且结束日期>=起始日期输入:startDate:起始日期,字符串endDate:结束日期,字符串返回:如果通过验证返回true,否则返回false*/function checkPeriod( startDate,endDate ) { if( !checkDate(startDate) ) {alert("起始日期不正确!");return false;} else if( !checkDate(endDate) ) {alert("终止日期不正确!");return false;} else if( startDate > endDate ) {alert("起始日期不能大于终止日期!");return false;}return true;}/*用途:检查证券代码是否正确输入:secCode:证券代码返回:如果通过验证返回true,否则返回false*/function checkSecCode( secCode ) {if( secCode.length !=6 ){alert("证券代码长度应该为6位");return false;}if(!isNumber( secCode ) ){alert("证券代码只能包含数字");return false;}return true;}/**************************************************** function:cTrim(sInputString,iType)description:字符串去空格的函数parameters:iType:1=去掉字符串左边的空格2=去掉字符串左边的空格0=去掉字符串左边和右边的空格return value:去掉空格的字符串****************************************************/ function cTrim(sInputString,iType){var sTmpStr = ' ';var i = -1;if(iType == 0 || iType == 1){while(sTmpStr == ' '){++i;sTmpStr = sInputString.substr(i,1);}sInputString = sInputString.substring(i);}if(iType == 0 || iType == 2){sTmpStr = ' ';i = sInputString.length;while(sTmpStr == ' '){--i;sTmpStr = sInputString.substr(i,1);}sInputString = sInputString.substring(0,i+1); }return sInputString;}/*。
js表单验证的方法——超好用的:详细代码演示
1.将所有的提示信息写入JSP页面内<SCRIPT type=text/javascript>var process_request = "正在处理您的请求...";var username_empty = "- 用户名不能为空。
";var username_shorter = "- 用户名长度不能少于 3 个字符。
";var username_invalid = "- 用户名只能是由字母数字以及下划线组成。
";var password_empty = "- 登录密码不能为空。
";var password_shorter = "- 登录密码不能少于 6 个字符。
";var confirm_password_invalid = "- 两次输入密码不一致";var email_empty = "- Email 为空";var email_invalid = "- Email 不是合法的地址";var agreement = "- 您没有接受协议";var msn_invalid = "- msn地址不是一个有效的邮件地址";var qq_invalid = "- QQ号码不是一个有效的号码";var home_phone_invalid = "- 家庭电话不是一个有效号码";var office_phone_invalid = "- 办公电话不是一个有效号码";var mobile_phone_invalid = "- 手机号码不是一个有效号码";var msg_un_blank = "* 用户名不能为空";var msg_un_length = "* 用户名最长不得超过7个汉字";var msg_un_format = "* 用户名含有非法字符";var msg_un_registered = "* 用户名已经存在,请重新输入";var msg_can_rg = "* 可以注册";var msg_email_blank = "* 邮件地址不能为空";var msg_email_registered = "* 邮箱已存在,请重新输入";var msg_email_format = "* 邮件地址不合法";var username_exist = "用户名 %s 已经存在";var captcha_empty="-验证码不能为空";</SCRIPT>2.在外部JS文件中写JS方法,如判断用户名是否为空的方法function is_registered( username ){var submit_disabled = false;var unlen = username.replace(/[^\x00-\xff]/g, "**").length;if ( username == '' ){document.getElementById('username_notice').innerHTML = msg_un_blank;var submit_disabled = true;}if ( !chkstr( username ) ){document.getElementById('username_notice').innerHTML =msg_un_format;var submit_disabled = true;}if ( unlen < 3 ){document.getElementById('username_notice').innerHTML = username_shorter;var submit_disabled = true;}if ( unlen > 14 ){document.getElementById('username_notice').innerHTML =msg_un_length;var submit_disabled = true;}if(submit_disabled==false){d ocument.getElementById('username_notice').innerHTML = '';}/* if ( submit_disabled ){document.forms['formUser'].elements['Submit'].disabled ='disabled';return false;}*/// Ajax.call( 'user.php?act=is_registered', 'username=' + username, registed_callback , 'GET', 'TEXT', true, true );}3.在用户名输入框引用刚才的那个方法<LI><SPAN class="yhzc2001zi nbian01">用户名:</SPAN><INPUT onblur=is_registered(this.value); id=username class=inputBg size=25name=userName><SPAN style="COLOR: #ff0000" id=username_notice>*</SPAN></LI>》》》》》》》》》完成《《《《《《《《注意:各个路径以及ID,name的名称。
JavaScript验证表单函数大全.docx
JavaScript验证表单函数大全JavaScript验证表单函数大全3用途:校验ip地址的格式4输入:strIP: ip地址5返回:如果通过验证返回true,否则返回false;67*/8function isIP(strIP) {9if (isNull (strIP)) return false;lOvar re二厂(\d+)\・ (\d+)\・(\d+)\・ (\d+)$/g //匹配IP 地址的正则表达式llif(re. test(strIP))12{13if ( RegExp. $1 <256 & RegExp. $2<256 && RegExp. $3<256 && RegExp. $4〈256) return true;14}15return false;16}1718/**//*19用途:检查输入字符申是否为空或者全部都是空格20输入:str21返回:22如果全是空返回true,否则返回false23*/24function isNull( str ) {25if ( str == ) return true;26var regu = ]+$〃;27var re = new RegExp (regu):28return re. test(str);29}303132/**//*33用途:检查输入对象的值是否符合整数格式34输入:str输入的字符串35返回:如果通过验证返回true,否则返刨false 3637*/38function islnteger( str ) {39var regu =厂[-]{0,1}[0-9]{1, }$/;40return regu. test(str);41}4243/**//*44用途:检查输入手机号码是否正确45输入:46s:字符串47返回:48如果通过验证返回true,否则返回false4950*/51function checkMobile( s ) {52var regu 二厂[1] [3] [0-9] {9} $/;53var re 二new RegExp(regu):54if (re. test(s)) {55return true;56}else{57return false;58}59}606162/**//*63用途:检查输入字符串是否符合正整数格式64输入:65s:字符串66返凹:67如果通过验证返回true,否则返回false6869*/70function isNumber( s ) {7Ivar regu = 〃八[0-9]+$〃;72var re 二new RegExp(regu);73if (s.search(re) !二-1) {74return true;75} else {76return false;77}78}7980/**//*81用途:检查输入字符串是否是带小数的数字格式,可以是负数82输入:83s:字符串84返回:85如果通过验证返回true,否则返回false8687*/88function isDecimal( str ) {89if (islnteger(str)) return true;90var re =厂[-]{0, 1} (\d+) [\・] + (\d+) $/; 91if (re.test(str)) {92if (RegExp. $l==0&RegExp. $2==0) return false; 93return true;94} else {95return false;96}97}9899/**//*100用途:检查输入对象的值是否符合端口号格式101输入:str输入的字符串102返回:如果通过验证返回true,否则返刨false 103104*/105function isPort( str ){106return (isNumber(str) & str<65536);107}108109/**//*110用途:检查输入对象的值是否符合E-Ma订格式111输入:str输入的字符串112返回:如果通过验证返回true,否则返回false113114*/115function isEmail( str ) {116va.r myReg 二「[-_A-Za-zO-9]+@([_A-Za-zO-9]+\.) + [A-Za-zO-9]{2, 3}$/; 117if(myReg.test(str)) return true;118return false;119}120121/**//*122用途:检查输入字符串是否符合金额格式123格式定义为带小数的正数,小数点后最多三位124输入:125s:字符串126返回:127如果通过验证返回true,否则返刨false128129*/130function isMoney( s ){13Ivar regu = 〃八[0-9] + [\・][0-9] {0, 3} $";132var re 二new RegExp(regu);133if (re. test(s)) {134return true;135} else {136return false;137}138}139/**//*140用途:检查输入字符串是否只由英文字母和数字和下划线组成141输入:142s:字符串143返回:144如果通过验证返回true,否则返刨false145146*/147function isNumberOr_Letter( s ) {//判断是否是数字或字母148149va.r regu = [0-9a-zA-Z\」+$〃;150var re 二new RegExp(regu);151if (re. test (s)) {152return true;153}else{154return false;155}156}157/**//*158用途:检查输入字符串是否只由英文字母和数字组成159输入:160s:字符串161返回:162如果通过验证返冋true,否则返冋false163164*/165function isNumberOrLetter( s ) {//判断是否是数字或字母166167var regu = 〃八[0-9a-zA-Z]+$〃;168va.r re 二new RegExp (regu);169if (re.test (s)) {170return true;171}else{172return false;173}174}175/**//*176用途:检查输入字符串是否只由汉字、字母、数字组成177输入:178value:字符串179返回:180如果通过验证返回true,否则返回false181182*/183function isChinaOrNumbOrLett ( s ) {//判断是否是汉字、字母、数字组成184185var regu = E0-9a-zA-Z\u4e00-\u9fa5]+$z,;186va.r re = new RegExp (regu);187if (re.test(s)) {188return true;189}else{190return false;191}192}193194/**//*195用途:判断是否是FI期196输入:date: Fl期;fmt: H期格式197返回:如果通过验证返回true,否则返刨false198*/199function isDate( date, fmt ) {200if (fmt二二null) fmt二〃yyyyMMdd";20Ivar ylndex 二fmt. indexOf(〃yyyy〃);202if(ylndex二二-1) return false;203var year 二date・substring(ylndex, yIndex+4);204va.r mlndex = fmt. indexOf (〃MM〃);205if(mlndex二二-1) return false;206var month 二date・ substring (mlndex, inIndex+2);207va.r dlndex = fmt. indexOf (〃dd〃);208if(dlndex二二T) return false;209var day 二date・ substring(dlndex, dIndex+2);210if (! isNumber (year) | year>,,2100/, year< "1900") return false; 211if (! isNumber (month) | | month>/,12/,month< 〃01〃)return false; 212if (da.y>getMaxDay (year, month) | day< 〃01〃)return false;213return true;214}215216function getMaxDay(year, month) {217if(month二二4 〔month二二6 |month二二9| month二二11) 218return 〃30";219if(month==2)220if (year%4=0&year%100! =0 | | year%400=0) 221return "29〃;222else223return 〃28〃;224return 〃31〃;225}226227/**//*228用途:字符1是否以字符串2结束229输入:strl:字符串;str2:被包含的字符串230返回:如果通过验证返回true,否则返回false231232*/233function isLastMatch(strl, str2)234 {235var index 二str1.1astlndexOf(str2);236if (str1. length二二index+str2. length) return true; 237return false;238}239240241/**//*242用途:字符1是否以字符串2开始243输入:strl:字符串;str2:被包含的字符串244返回:如果通过验证返回true,否则返回false245246*/247function isFirstMatch(strl, str2)248 {249va.r index 二strl. indexOf (str2);250if (index二二0) return true;251return false:252}253254/**//*255用途:字符1是包含字符串2256输入:strl:字符串;str2:被包含的字符串257返回:如果通过验证返回true,否则返刨false258259*/260function isMatch(strl, str2)261 {262va.r index 二str 1. indexOf (str2);263if(index=-l) return false;264return true;265}266267268/**//*269用途:检查输入的起止H期是否正确,规则为两个Fl期的格式正确,270且结束如期〉二起始FI期271输入:272startDate:起始日期,字符串273endDate:结束如期,字符串274返回:275如果通过验证返回true,否则返刨false276277*/278function checkTwoDate( startDate, endDate ) {279if( !isDate(startDate) ) {280alert (〃起始R期不正确!〃);281return false:282} else if ( !isDate(endDate) ) {283alert (〃终止R期不正确!〃);284return false:285} else if( startDate > endDate ) {286alert (〃起始R期不能大于终止Fl期!〃);287return false;288}289return true;290}291292/**//*293用途:检查输入的Email信箱格式是否止确294输入:295strEma.il:字符串296返回:297如果通过验证返回true,否则返回false298299*/300function checkEmail(strEmail) {301//var emailReg 二厂[_a-zO-9]+@([_a-z0-9]+\・)+ [a~zO-9] {2, 3} $/;302var emailReg =厂[\w-] + (\. [\w-]+)*@[\w-] + (\・[\w-]+)+$/; 303if ( emailReg・test(strEma订)){304return true;305}else{306alert(z,您输入的Email地址格式不正确!〃);307return false;308}309}310311/**//*312用途:检查输入的电话号码格式是否正确313输入:314strPhone:字符串315返回:316如果通过验证返回true,否则返回false317318*/319function checkPhone ( strPhone ) {320var phoneRegWithArea = r [0] [1-9] {2,3}-[0-9]{5, 10}$/; 32Ivar phoneRegNoArea =厂[1-9] {1}[0-9] {5,8}$/;322var prompt二〃您输入的电话号码不正确!〃323if ( strPhone. length > 9 ) {324if ( phoneRegWithArea. test(strPhone) ) {325return true;326}else{327alert( prompt );328return false;329}330}else{331if ( phoneRegNoArea・test( strPhone ) ){332return true;333}else{334alert( prompt );335return false;336}337}338}function trim(str){str二str.replace(/( \s*)| (\s*$)/g, “〃); return str; }//获取smarty中exemodel的值转化为二进制,并判断星期儿2010/5/25 function toBin(intNum){var answer 二“〃;if (/\d+/・ test(intNum)){while(intNum !二0){answer 二Math.abs(intNum % 2) + answer; intNum 二parselnt(intNum / 2);}if (answer, length 二二0){〃c〃answer 二0 ;return answer:else{return 〃0〃;。
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>function test(){if(document.a.b.value.length>50){alert("不能超过50个字符!");document.a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea><input type="submit" name="Submit" value="check"></form>2. 只能是汉字<input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')"> 3." 只能是英文<script language=javascript>function onlyEng(){if(!(event.keyCode>=65&&event.keyCode<=90))event.returnvalue=false;}</script><input onkeydown="onlyEng();">4. 只能是数字<script language=javascript>function onlyNum(){if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&even t.keyCode<=105)))//考虑小键盘上的数字键event.returnvalue=false;}</script><input onkeydown="onlyNum();">5. 只能是英文字符和数字<input onkeyup="value="/oblog/value.replace(/[\W]/g,"'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('t ext').replace(/[^\d]/g,''))">6. 验证油箱格式<SCRIPT LANGUAGE=javascript RUNAT=Server>function isEmail(strEmail) {if(strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)return true;elsealert("oh");}</SCRIPT><input type=text onblur=isEmail(this.value)>7. 屏蔽关键字(这里屏蔽***和****)<script language="javascript1.2">function test() {if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){ alert(":)");a.b.focus();return false;}}</script><form name=a onsubmit="return test()"><input type=text name=b><input type="submit" name="Submit" value="check"></form>8. 两次输入密码是否相同<FORM METHOD=POST ACTION=""><input type="password" id="input1"><input type="password" id="input2"><input type="button" value="test" onclick="check()"></FORM><script>function check(){with(document.all){if(input1.value!=input2.value){alert("false")input1.value = "";input2.value = "";}else document.forms[0].submit();}}</script>够了吧 :)屏蔽右键很酷oncontextmenu="return false" ondragstart="return false" onselectstart="return false"加在body中二2.1 表单项不能为空<script language="javascript"><!--function CheckForm(){if (.value.length == 0) {alert("请输入您姓名!");.focus();return false;}return true;}--></script>2.2 比较两个表单项的值是否相同<script language="javascript"><!--function CheckForm()if (document.form.PWD.value != document.form.PWD_Again.value) { alert("您两次输入的密码不一样!请重新输入.");document.ADDUser.PWD.focus();return false;}return true;}--></script>2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等<script language="javascript"><!--function isNumber(String){var Letters = "1234567890-"; //可以自己增加可输入值var i;var c;if(String.charAt( 0 )=='-')return false;if( String.charAt( String.length - 1 ) == '-' )return false;for( i = 0; i < String.length; i ++ ){c = String.charAt( i );if (Letters.indexOf( c ) < 0)return false;}return true;}function CheckForm(){if(! isNumber(document.form.TEL.value)) {alert("您的电话号码不合法!");document.form.TEL.focus();return false;}return true;}--></script>2.4 表单项输入数值/长度限定<script language="javascript"><!--function CheckForm(){if (document.form.count.value > 100 || document.form.count.value < 1) {alert("输入数值不能小于零大于100!");document.form.count.focus();return false;}if (document.form.MESSAGE.value.length<10){alert("输入文字小于10!");document.form.MESSAGE.focus();return false;}return true;}//--></script>2.5 中文/英文/数字/邮件地址合法性判断<SCRIPT LANGUAGE="javascript"><!--function isEnglish(name) //英文值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charCodeAt(i) > 128)return false;}return true;}function isChinese(name) //中文值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charCodeAt(i) > 128)return true;}return false;}function isMail(name) // E-mail值检测{if(! isEnglish(name))return false;i = name.indexOf(" at ");j = name dot lastIndexOf(" at ");if(i == -1)return false;if(i != j)return false;if(i == name dot length)return false;return true;}function isNumber(name) //数值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charAt(i) < "0" || name.charAt(i) > "9") return false;}return true;}function CheckForm(){if(! isMail(form.Email.value)) {alert("您的电子邮件不合法!");form.Email.focus();return false;}if(! isEnglish(.value)) {alert("英文名不合法!");.focus();return false;}if(! isChinese(name.value)) {alert("中文名不合法!");name.focus();return false;}if(! isNumber(form.PublicZipCode.value)) {alert("邮政编码不合法!");form.PublicZipCode.focus();return false;}return true;}//--></SCRIPT>2.6 限定表单项不能输入的字符<script language="javascript"><!--function contain(str,charset)// 字符串包含测试函数{var i;for(i=0;i<charset.length;i++)if(str.indexOf(charset.charAt(i))>=0)return true;return false;}function CheckForm(){if ((contain(.value, "%\(\)><")) || (contain(document.form.MESSAGE.value, "%\(\)><"))) {alert("输入了非法字符");.focus();return false;}return true;}//--></script>1. 检查一段字符串是否全由数字组成---------------------------------------<script language="Javascript"><!--function checkNum(str){return str.match(/\D/)==null} alert(checkNum("1232142141"))alert(checkNum("123214214a1"))// --></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 0for (i=0;i<NUM.length;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<TEL.length;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;i<s.length;i++)ret=ret && (s.charCodeAt(i)>=10000); return ret;}8. 综合的判断用户输入的合法性的函数--------------------------------------- <script language="javascript">//限制输入字符的位数开始//m是用户输入,n是要限制的位数function issmall(m,n){if ((m<n) && (m>0)){return(false);}else{return(true);}}9. 判断密码是否输入一致function issame(str1,str2){if (str1==str2){return(true);}else{return(false);}}10. 判断用户名是否为数字字母下滑线---------------------------------------function notchinese(str){var reg=/[^A-Za-z0-9_]/gif (reg.test(str)){return (false);}else{return(true); }}2.8. form文本域的通用校验函数---------------------------------------作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
JS表单判断函数代码大全
}
if (j==0)
{
return 0;
}
if (i!=j)
{ return 2; }
else
{
return 1;
}
}
//函数名:chkemail
//功能介绍:检查是否为Email Address
//参数说明:要检查的字符串
//返回值:0:不是 1:是
var isNot=" !@#$^*()'`~|]}[{;.>,<?%&+=";
if (val2.indexOf('\"')>0){
alert("请输入正确的文件路径。");
val.focus();
val.select();
return false;
}
else{
for (var i = 0;i < val2.length;i++){
return false
}
else {
return true
}
}
}
//验证Zip
function CheckZip(val,slen,mode){
if((mode==0) && (val.value=="")){
return true;
}
if(val.value.length!=slen){
alert("请输入正确的URL。");
val.focus();
val.select();
html.js中的表单验证
//常用验证类function NfValidate(){}//Email格式验证NfValidate.isEmail=function(value){var pattern=/^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+\.([[a-zA-Z0- 9_-])+/;return pattern.test(value);}//整数格式验证NfValidate.isInteger=function(value){var pattern=/^[-+]?\d*$/;return pattern.test(value)}//双精度格式验证NfValidate.isDouble=function(value){var pattern=/^[-+]?\d+\.(\d+)?$/;return pattern.test(value);}//一位小数格式验证NfValidate.isOneDecimal=function(value){var pattern=/^-?\d+\.(\d{1,1})?$/;return pattern.test(value);}//二位小数格式验证NfValidate.isTwoDecimal=function(value){var pattern=/^-?\d+\.(\d{1,2})?$/;return pattern.test(value);}//三位小数格式验证NfValidate.isThreeDecimal=function(value){var pattern=/^-?\d+\.(\d{1,3})?$/;return pattern.test(value);}//验证小数位数NfValidate.checkNumDecimal=function(value,num){if(value!=""){if(value.indexOf(".")>0){var temp=value.length-(value.indexOf(".")+1);if(temp==num){return true;}}}return false;}//验证英文字母NfValidate.isLetter=function(value){var pattern=/^[a-zA-Z]+$/;return pattern.test(value);}//验证中文字符NfValidate.isChinese=function(value){var pattern=/^[\u0291-\uFFE5]+$/;return pattern.test(value);}//验证身份证号码NfValidate.isCardID=function(value){var pattern=/(^([\d]{15}|[\d]{18}|[\d]{17}[xX]{1})$)/;return pattern.test(value);}//验证邮编格式NfValidate.isZipCode=function(value){var pattern=/^\d{6}$/;return pattern.test(value);}//验证电话号码格式NfPhone.isPhone=function(value){var pattern=/^(([0\+]\d{2,3}-)?(0\d{2,3})-)?(\d{7,8})(-(\d{3,}))? $/;return pattern.test(value);}//验证手机号码格式NfValidate.isMobile=function(value){var pattern1=/^13\d{5,9}$/;var pattern2=/^153\d{4,8}$/;var pattern3=/^159\d{4,8}$/;return pattern1.test(value)||pattern2.test(value)||pattern3.test (value);}。
- 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
关键字: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>function test(){if(document.a.b.value.length>50){alert(”不能超过50个字符!”);document.a.b.focus();return false;}}</script><form name=a onsubmit=”return test()”><textarea name=”b” cols=”40″ wrap=”VIRTUAL” rows=”6″></textarea> <input type=”submit” name=”Submit” value=”check”></form>2. 只能是汉字<input onkeyup=”value=”/oblog/value.re place(/[^\u4E00-\u9FA5]/g,”)”> 3.” 只能是英文<script language=javascript>function onlyEng(){if(!(event.keyCode>=65&&event.keyCode<=90))event.returnvalue=false;}</script><input onkeydown=”onlyEng();”>4. 只能是数字<script language=javascript>function onlyNum(){if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode< =105)))//考虑小键盘上的数字键event.returnvalue=false;}</script><input onkeydown=”onlyNum();”>5. 只能是英文字符和数字<input onkeyup=”value=”/oblog/value.replace(/[\W]/g,””)“onbeforepaste=”clipboardData.setData(’text’,clipboardData.getData(’text’).replace(/[^\d]/g,”))”>6. 验证邮箱格式<SCRIPT LANGUAGE=javascript RUNAT=Server>function isEmail(strEmail) {if(strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)return true;elsealert(”oh”);}</SCRIPT><input type=text onblur=isEmail(this.value)>7. 屏蔽关键字(这里屏蔽***和****)<script language=”javascript1.2″>function test() {if((a.b.value.indexOf (”***”) == 0)||(a.b.value.indexOf (”****”) == 0)){alert(”:)”);a.b.focus();return false;}}</script><form name=a onsubmit=”return test()”><input type=text name=b><input type=”submit” name=”Submit” value=”check”></form>8. 两次输入密码是否相同<FORM METHOD=POST ACTION=”"><input type=”password” id=”input1″><input type=”password” id=”input2″><input type=”button” value=”test” onclick=”check()”> </FORM><script>function check(){with(document.all){if(input1.value!=input2.value){alert(”false”)input1.value = “”;input2.value = “”;}else document.forms[0].submit();}}够了吧 :)屏蔽右键很酷oncontextmenu=”return false” ondragstart=”return false” onselectstart=”return false”加在body中二2.1 表单项不能为空<script language=”javascript”><!–function CheckForm(){if (.value.length == 0) {alert(”请输入您姓名!”);.focus();return false;}return true;}–>2.2 比较两个表单项的值是否相同<script language=”javascript”><!–function CheckForm()if (document.form.PWD.value != document.form.PWD_Again.value) { alert(”您两次输入的密码不一样!请重新输入.”);document.ADDUser.PWD.focus();return false;}return true;}–></script>2.3 表单项只能为数字和”_”,用于电话/银行帐号验证上,可扩展到域名注册等<script language=”javascript”><!–function isNumber(String){var Letters = ”1234567890-”; //可以自己增加可输入值var c;if(String.charAt( 0 )==’-')return false;if( String.charAt( String.length - 1 ) == ’-’ ) return false;for( i = 0; i < String.length; i ++ ){c = String.charAt( i );if (Letters.indexOf( c ) < 0)return false;}return true;}function CheckForm(){if(! isNumber(document.form.TEL.value)) {alert(”您的电话号码不合法!”);document.form.TEL.focus();return false;}return true;}–></script>2.4 表单项输入数值/长度限定<script language=”javascript”><!–function CheckForm(){if (document.form.count.value > 100 || document.form.count.value < 1){alert(”输入数值不能小于零大于100!”);document.form.count.focus();return false;}if (document.form.MESSAGE.value.length<10){alert(”输入文字小于10!”);document.form.MESSAGE.focus();return false;}return true;}//–></script>2.5 中文/英文/数字/邮件地址合法性判断<SCRIPT LANGUAGE=”javascript”><!–function isEnglish(name) //英文值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) { if(name.charCodeAt(i) > 128)return false;}return true;}function isChinese(name) //中文值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) { if(name.charCodeAt(i) > 128)return true;}return false;}function isMail(name) // E-mail值检测{if(! isEnglish(name))return false;i = name.indexOf(” at ”);j = name dot lastIndexOf(” at ”);if(i == -1)return false;if(i != j)return false;if(i == name dot length)return false;return true;}function isNumber(name) //数值检测{if(name.length == 0)return false;for(i = 0; i < name.length; i++) {if(name.charAt(i) < ”0″ || name.charAt(i) > ”9″) return false;}return true;}function CheckForm(){if(! isMail(form.Email.value)) {alert(”您的电子邮件不合法!”);form.Email.focus();return false;}if(! isEnglish(.value)) {alert(”英文名不合法!”);.focus();return false;}if(! isChinese(name.value)) {alert(”中文名不合法!”);name.focus();return false;}if(! isNumber(form.PublicZipCode.value)) {alert(”邮政编码不合法!”);form.PublicZipCode.focus();return false;}return true;}//–></SCRIPT>2.6 限定表单项不能输入的字符<script language=”javascript”><!–function contain(str,charset)// 字符串包含测试函数{var i;for(i=0;i<charset.length;i++)if(str.indexOf(charset.charAt(i))>=0)return true;return false;}function CheckForm(){if ((contain(.value, ”%\(\)><”)) || (contain(docume nt.form.MESSAGE.value, ”%\(\)><”))){alert(”输入了非法字符”);.focus();return false;}return true;}//–></script>1. 检查一段字符串是否全由数字组成—————————————<script language=”Javascript”><!–function checkNum(str){return str.match(/\D/)==null}alert(checkNum(”1232142141″))alert(checkNum(”123214214a1″))// –></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 0for (i=0;i<NUM.length;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<TEL.length;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;i<s.length;i++)ret=ret && (s.charCodeAt(i)>=10000); return ret;}8. 综合的判断用户输入的合法性的函数—————————————<script language=”javascript”>//限制输入字符的位数开始//m是用户输入,n是要限制的位数function issmall(m,n){if ((m<n) && (m>0)){return(false);}else{return(true);}}9. 判断密码是否输入一致—————————————function issame(str1,str2){if (str1==str2){return(true);}else{return(false);}}10. 判断用户名是否为数字字母下滑线—————————————function notchinese(str){var reg=/[^A-Za-z0-9_]/gif (reg.test(str)){return (false);}else{return(true); }}2.8. form文本域的通用校验函数—————————————作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。