javascript表单验证大全

合集下载

JavaScript 表单验证、 Email 验证 电脑资料

JavaScript 表单验证、 Email 验证 电脑资料

JavaScript 表单验证、 Email 验证电脑资料JavaScript. 表单验证JS 错误DOM 简介JavaScript. 可用来在数据被送往效劳器前对 HTML 表单中的这些输入数据进行验证,JavaScript. 表单验证JavaScript. 可用来在数据被送往效劳器前对 HTML 表单中的这些输入数据进行验证。

被 JavaScript. 验证的这些典型的表单数据有:用户是否已填写表单中的必填工程?用户输入的邮件地址是否合法?用户是否已输入合法的日期?用户是否在数据域 (numeric field) 中输入了文本?必填(或必选)工程下面的函数用来检查用户是否已填写表单中的必填(或必选)工程。

假设必填或必选项为空,那么警告框会弹出,并且函数的返回值为 false,否那么函数的返回值那么为 true(意味着数据没有问题):function validaterequired(field,alerttxt){with (field){if (value==null||value==""){alert(alerttxt);return false}else {return true}}}下面是连同 HTML 表单的代码:Email:E-mail 验证下面的函数检查输入的数据是否符合电子邮件地址的根本语法,意思就是说,输入的数据必须包含 @ 符号和点号(.)。

同时,@ 不可以是邮件地址的首字符,并且 @ 之后需有至少一个点号:function validateemail(field,alerttxt){with (field){apos=value.indexOf("@")dotpos=stIndexOf(".")if (apos<1||dotpos-apos<2){alert(alerttxt);return false}else {return true}}}下面是连同 HTML 表单的完整代码:Email:完成一个较为完整的用户页面。

如何在JavaScript中实现表单的验证和数据校验

如何在JavaScript中实现表单的验证和数据校验

如何在JavaScript中实现表单的验证和数据校验表单的验证和数据校验在前端开发中是非常重要的一部分,它可以确保用户输入的数据格式正确,有效地减少后端的数据处理压力,同时也能提高用户体验。

在本文中,我们将探讨如何在JavaScript中实现表单的验证和数据校验,并提供一些实用的技巧和示例代码。

### 1.表单验证的重要性表单是网页中用户输入数据的一个重要部分,用户可以通过表单提交各种类型的数据,比如文本、数字、日期、邮箱等等。

然而,用户输入的数据并不总是符合预期的格式和要求,这时候我们就需要对表单进行验证和数据校验,以确保输入数据的准确性和完整性。

表单验证的重要性主要体现在以下几个方面:-数据准确性:通过对表单的验证和数据校验,可以确保用户输入的数据格式正确,有效的减少后端的数据处理压力。

-用户体验:当用户输入了不符合规范的数据时,通过及时的反馈和提醒,可以有效地提高用户体验。

-安全性:通过对用户输入的数据进行验证和过滤,可以防止恶意输入和攻击,提高系统的安全性。

### 2.表单验证的方法在JavaScript中,我们可以通过几种方法来实现对表单的验证和数据校验:-使用原生JavaScript:通过JavaScript的事件监听和表单元素的属性来实现表单验证和数据校验。

-使用第三方库:如jQuery Validation、VeeValidate等,这些库提供了丰富的表单验证和数据校验功能,并且使用起来较为方便。

-使用HTML5的表单验证:HTML5提供了一些新的表单元素和属性,比如input的type属性、maxlength属性、pattern属性等,可以方便地实现表单的验证。

在本文中,我们将重点介绍使用原生JavaScript来实现表单验证和数据校验的方法。

### 3.表单验证和数据校验的步骤实现表单验证和数据校验的主要步骤分为以下几个部分:-监听表单提交事件:当用户提交表单时,我们需要触发验证和数据校验的逻辑。

js验证表单大全

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表单数据验证的正则表达式(常用)

JS表单数据验证的正则表达式(常⽤)常⽤的验证⽅法:checkUserNameflag=false;checkPasswordflag=false;checkPasswordAgianflag=false;checkEmailflag=false;// ⽤户名校验function checkUserName() {var username = $("userNeme").value;var zz = /^[A-Za-z0-9]{6,}$/;if (!zz.test(username)) {$("userName_warn").innerHTML = " × ⽤户名不符合规范";checkUserNameflag=false;} else {/*$("userName_warn").style.color='blue';$("userName_warn").innerHTML = "√ ⽤户名可⽤";*/showUserExist(username);checkUserNameflag=true;}}//重置提⽰function resetWarn(){$("userName_warn").innerHTML="";$("email_warn").innerHTML="";$("password_warn").innerHTML="";$("Repassword_warn").innerHTML="";}// 密码校验function checkPassword() {var password1 = $("password").value;if (password1.length >= 6 && password1.length <= 15) {checkPasswordflag = true;$("password_warn").style.color='blue';$("password_warn").innerHTML = " √ 密码可⽤ ";checkAgianMiMa();} else {checkPasswordflag = false;$("password_warn").innerHTML = " × 密码⾄少为 6 个字符 ";}}function checkPasswordAgian() {var password1 = $("password").value;var password2 = $("rePassword").value;if (password1 == password2) {if (password1 == "") {$("Repassword_warn").innerHTML = " × 请输⼊密码 ";checkPasswordAgianflag = false;return;}$("Repassword_warn").style.color='blue';$("Repassword_warn").innerHTML = "√ 重复输⼊密码正确";checkPasswordAgianflag = true;} else {checkPasswordAgianflag = false;$("Repassword_warn").innerHTML = " × 两次密码输⼊不同 ";}}function checkEmail(){//对电⼦邮件的验证var myreg = /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;var email=$("email").value;if(!myreg.test(email)){checkEmailflag=false;$("email_warn").style.color='red';$("email_warn").innerHTML = " × 邮箱格式不符合规范";} else {checkEmailflag=true;$("email_warn").style.color='blue';$("email_warn").innerHTML = "√ 邮箱格式正确";}}function submitCheck(){alert(checkUserNameflag);if(checkUserNameflag==false || checkPasswordflag==false || checkPasswordflag==false||checkPasswordAgianflag==false || checkEmailflag==false){return;}}function $(id){return document.getElementById(id);}js正则表达式--验证表单检测⼿机号码:/0?(13|14|15|18)[0-9]{9}/检测⽤户名:(数字,英⽂,汉字,下划线,中横线):/^[A-Za-z0-9_\-\u4e00-\u9fa5]+$/密码:(数字,英⽂,下划线,中横线)/^[A-Za-z0-9_-]+$/⾝份证:/\d{17}[\d|x]|\d{15}/⾮空:/^\S+$/IP地址:/((?:(?:25[0-5]|2[0-4]\d|[01]?\d?\d)\.){3}(?:25[0-5]|2[0-4]\d|[01]?\d?\d))/以上所述是⼩编给⼤家介绍的JS表单数据验证的正则表达式,希望对⼤家有所帮助,如果⼤家有任何疑问请给我留⾔,⼩编会及时回复⼤家的。

js验证格式大全

js验证格式大全
returnfalse;
}
if(!isEnglish(.value)){
alert("英文名不合法!");
.focus();
returnfalse;
}
if(!isChinese(name.value)){
alert("中文名不合法!");
name.focus();
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)
for(i =0;i<name.length;i++){
if(name.charCodeAt(i) >128)
returnfalse;
}
returntrue;
}
functionisChinese(name)//中文值检测
{
if(name.length == 0)
returnfalse;
for(i = 0; i < name.length;i++){
return true;
else
alert("oh");
}
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
7.屏蔽关键字(这里屏蔽***和****)

JS表单验证-12个常用的JS表单验证

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循环所有表单验证【封装为表单验证的专⽤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实现表单验证在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进行表单验证的技巧在现代Web开发中,表单验证是一个重要的环节。

一个好的表单验证能够保证用户输入的准确性和完整性,在提交数据到服务器之前对用户的输入进行验证,并且及时反馈给用户错误的信息。

JavaScript是实现表单验证的一种有效工具,下面将介绍一些使用JavaScript进行表单验证的技巧。

一、基本验证1. 必填字段验证:当用户没有填写必填字段时,需要给出相应的提示信息。

可以使用JavaScript的trim()方法来去除用户输入中的空格,然后使用length属性判断字符串的长度是否为0来进行必填字段的验证。

2. 字符串长度验证:在某些情况下,如密码输入框,需要对字符串的长度进行验证。

可以使用JavaScript的length属性来获取字符串的长度,并与预设的最小和最大长度进行比较,从而进行验证。

3. 格式验证:有些输入字段需要按照特定的格式进行输入,如邮箱地址、手机号码等。

可以使用JavaScript的正则表达式来进行格式验证。

例如,使用正则表达式`/^[\w-]+(\.[\w-]+)*@([\w-]+\.)+[a-zA-Z]{2,7}$/`来验证邮箱地址的格式,使用正则表达式`/^1[3|4|5|7|8][0-9]{9}$/`来验证手机号码的格式。

二、实时验证1. 实时显示错误信息:除了在用户提交表单时进行验证并给出错误提示外,也可以在用户输入时实时地验证输入,并实时地给用户显示错误信息。

可以使用JavaScript的事件监听器来监听输入框的输入事件,当输入框内容变化时进行实时的验证并给出错误提示。

2. 密码强度实时检测:很多网站在用户输入密码时会实时地检测密码的强度,这可以通过JavaScript来实现。

可以定义不同的密码强度等级,并使用正则表达式或其他算法来检测密码的强度,并将结果实时地反馈给用户。

三、自定义验证1. 自定义正则表达式验证:有些表单字段可能需要自定义的验证规则。

js-表单用户名密码及邮箱地址的验证

js-表单用户名密码及邮箱地址的验证

js-表单用户名密码及邮箱地址的验证第一篇:js-表单用户名密码及邮箱地址的验证js-表单用户名密码及邮箱地址的验证Better Form Validation---jsjingdian17.10改进的表单验证用户名:密码:--------------------------------验证邮箱地址Email:第二篇:C#验证用户名和密码//数据库连接,验证用户名和密码string testConnectionstring = “Data Source=(local);Initial Catalog=MyQQuser;Integrated Security=sspi”;SqlConnection con = new SqlConnection(testConnectionstring);string sql = “select Name,Password,Cname from QQuser”;SqlCommand com = new SqlCommand(sql, con);SqlDataAdapter da = new SqlDataAdapter();da.SelectCommand = com;con.Open();DataSet ds = new DataSet();da.Fill(ds, “QQuser”);DataRow nameRow;if(comboBox1.Text!= “"){if(textBox1.Text!= ”“){for(int i = 0;i < ds.T ables[”QQuser“].Rows.Count;i++){nameRow = ds.Tables[”QQuser“].Rows[i];if(nameRow[0].T oString().Trim()==comboBox1.Text.T oString().Trim()&&nameRow[1].ToString().Trim()== textBox1.Text.ToString().Trim()) {string sqlaaa = ”update QQuser set state='在线' where name='“ + comboBox1.Text + ”'“;SqlCommand comaaa = new SqlCommand(sqlaaa, con);comaaa.ExecuteNonQuery();//数据修改Form2 main = new Form2();main.lb.Text=boBox1.Text.T oString();main.lbname.T ext = nameRow[2].ToString();;main.Show();main.Te xt = ”欢迎你:“ + nameRow[2].ToString();//把数据库里的数据提取出来.Text = nameRow[2].ToString();main.notifyIcon1.T ext = nameRow[2].ToString()+ boBox1.Text;con.Close();main.Show();this.Hide();return;}}con.Close();//MessageBox.Show(”用户名或密码不正确“);if(MessageBox.Show(”用户名或密码不正确“,”错误“,MessageBoxButtons.OK,MessageBoxIcon.Error)== DialogResult.OK){textBox1.Text = ”“;}}else MessageBox.Show(”请输入密码!“);}else MessageBox.Show(”请输入账号和密码!“,”提示",MessageBoxButtons.OK,MessageBoxIcon.Asterisk);第三篇:js验证1.长度限制2.只能是汉字3.” 只能是英文4.只能是数字5.只能是英文字符和数字6.验证油箱格式7.屏蔽关键字(这里屏蔽***和****)8.两次输入密码是否相同够了吧屏蔽右键很酷oncontextmenu=”return false“ ondragstart=”return false“ onselectstart=”return false“ 加在body中二2.1 表单项不能为空2.2 比较两个表单项的值是否相同2.3 表单项只能为数字和”_“,用于电话/银行帐号验证上,可扩展到域名注册等2.4 表单项输入数值/长度限定2.5 中文/英文/数字/邮件地址合法性判断2.6 限定表单项不能输入的字符”%()>第四篇:验证用户名和密码的方法(共)java用户名密码验证示例代码分享作者:字体:[增加减小] 类型:转载这篇文章主要介绍了java用户名密码验证示例代码,需要的朋友可以参考下类:NameII 权限:public 方法:main 权限:public 参数:name,password,denglu,i;参数介绍: name,数据类型String,用来存储一个从 input 中获取的值,在本程序当中用作用户名的存放;password,数据类型 String,用来存储一个从 input 中获取的值,在本程序当中用作密码的存放;denglu,数据类型boolean,用来存储默认账户的登录状态,true 表示登录成功,false 表示尚未登录;i,数据类型int,用来存储一个用户尝试登录失败次数的值;方法功能: 在控制台输出“请输入用户名:”要求用户从控制台输入一个String 类型的数值存放到name当中;而后在控制台输出“请输入密码:”要求用户从控制台输入一个String 类型的数值存放在password当中;验证从控制台通过input 中获取的用户名和密码是否与默认的用户名和密码一致;如果一致,则输出“登录成功”,并更改用户登录状态 denglu 的值为 true ;如果不一致,提醒用户登录失败,将用户尝试登录失败的次数加1,并提醒用户账号剩余的尝试登录次数;用户尝试登录失败的次数达到3次,并提示用户名账号被冻结。

js常用正则表达式表单验证代码(最全面)

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中实现表单的验证和数据校验

如何在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实现网页表单验证

学会使用JavaScript实现网页表单验证

学会使用JavaScript实现网页表单验证章节一:简介JavaScript是一种脚本语言,可以通过在网页中嵌入JavaScript代码来实现丰富的功能和交互性。

其中,表单验证是常见的网页开发任务之一,它可以保证用户输入的数据符合特定的格式或条件。

本文将介绍如何使用JavaScript实现网页表单验证的技巧和方法。

章节二:表单的基本结构与组件在开始实现表单验证之前,首先需要了解表单的基本结构和组件。

一个典型的表单由input、select、textarea等元素组成,可以用来收集用户的各种输入信息。

通过使用JavaScript,我们可以对这些输入进行验证,以确保它们符合要求。

章节三:验证输入是否为空用户提交表单时,经常会发生没有填写必填字段的情况。

因此,首先需要验证输入是否为空。

通过获取表单元素的值,可以判断其是否为空,如果为空则显示错误提示信息,阻止表单的提交。

章节四:验证输入的格式不同的表单元素需要验证的格式也不同。

比如,邮箱需要验证是否符合email格式,手机号需要验证是否符合手机号码的格式等。

通过使用正则表达式,我们可以很方便地对输入的格式进行验证,如果格式不正确,则显示错误提示信息。

章节五:验证输入的长度有时候,我们还需要对输入的长度进行验证。

比如,用户名需要在6-12个字符之间,密码需要在8-16个字符之间等。

可以通过获取输入值的长度,并检查其是否在规定范围内,以进行长度验证。

章节六:自定义验证规则除了基本的验证规则外,有时候我们还需要根据具体的业务需求自定义验证规则。

比如,身份证号码需要校验其真实性,用户名需要检查是否唯一等。

通过编写自定义的验证函数,我们可以实现更加复杂的验证逻辑。

章节七:实时验证和延迟验证为了提供更好的用户体验,我们可以实现实时验证和延迟验证的功能。

实时验证指的是在用户输入时即时进行验证,给用户及时的反馈。

延迟验证则是在用户提交表单之前进行验证,确保所有的输入都符合要求。

js验证表单 -很全

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;}/*。

JavaScript验证表单函数大全.docx

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〃;。

JavaScript正则表单验证(用户名、密码、确认密码、手机号、座机号、身份证号)

JavaScript正则表单验证(用户名、密码、确认密码、手机号、座机号、身份证号)

JavaScript正则表单验证(⽤户名、密码、确认密码、⼿机号、座机号、⾝份证号)1、关于JavaScript表单验证,如果使⽤双向绑定的前端js框架,会更容易的多。

但是博主还是建议⼤家不要脱离源⽣js本⾝。

因为源⽣js才是王道。

注意: a、代码中的错误提⽰可能会没有,在代码中找到 “错误.jpg” 图⽚,⾃⼰制作⼀个 b、验证的判断已经完成,只需要根据⾃⼰的验证规则进⾏表单验证,更换⾃⼰的正则表达式。

c、博主将错误提⽰图⽚插⼊本⽂档中。

需要更名为 “错误.jpg”,放到与html根⽬录下⽅可使⽤。

(错误提⽰图⽚)<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><body><table border="1"><form action="正则验证⼿机号.html" name="form1" method="post" onsubmit="return test()"><tr><td align="right">⽤户名:</td><td><input type="text" name="username"></td><td><span id="namemsg">*</span></td></tr><tr><td align="right">密码:</td><td><input type="password" name="pwd"></td><td><span id="pwdmsg">*</span></td></tr><tr><td align="right">确认密码:</td><td><input type="password" name="pwd1"></td><td><span id="pwd1msg">*</span></td></tr><tr><td align="right">⼿机号:</td><td><input type="text" name="phone"></td><td><span id="iphone1">*</span></td></tr><tr><td align="right">座机号:</td><td><input type="text" name="phone1"></td><td><span id="iphone2">*</span></td></tr><tr><td align="right">⾝份证号:</td><td><input type="text" name="sfzid"></td><td><span id="sfzmsg">*</span></td></tr><tr><td colspan="3"><input type="submit" name="sub" value="注册"><input type="reset" name="ret" value="重置" onclick="test1()"></td></tr></form></table><script type="text/javascript">//⽤户名验证ername.onkeyup=function(){var reg=/^[a-zA-Z]{1}[A-Z|a-z|0-9]{5,29}/;if(reg.test(this.value)&&this.value.length>=6&&this.value.length<=30){document.getElementById("namemsg").innerHTML="输⼊正确";}else{document.getElementById("namemsg").innerHTML="<img src='错误.jpg' width='15' height='15'>";}}//密码验证document.form1.pwd.onkeyup=function(){var reg1=/[A-Za-z]+[0-9]+/;if(reg1.test(this.value)&&this.value.length>=6&&this.value.length<=8){document.getElementById("pwdmsg").innerHTML="输⼊正确";}else{document.getElementById("pwdmsg").innerHTML="<img src='错误.jpg' width='15' height='15'>"; }}//确认密码document.form1.pwd1.onkeyup=function(){if(this.value==document.form1.pwd.value&&this.value!=""){document.getElementById("pwd1msg").innerHTML="输⼊正确";}else{document.getElementById("pwd1msg").innerHTML="<img src='错误.jpg' width='15' height='15'>"; }}//⼿机号验证document.form1.phone.onkeyup=function(){var reg2=/^(13|14|15|17|18)[0-9]{9}/;if(reg2.test(this.value)&&this.value.length==11){document.getElementById("iphone1").innerHTML="输⼊正确";}else{document.getElementById("iphone1").innerHTML="<img src='错误.jpg' width='15' height='15'>"; }}//座机号验证document.form1.phone1.onkeyup=function(){var reg3=/^[0-9]{3,4}(\-{1})[0-9]{7,8}/;if(reg3.test(this.value)&&this.value.length==13||this.value.length==12){document.getElementById("iphone2").innerHTML="输⼊正确";}else{document.getElementById("iphone2").innerHTML="<img src='错误.jpg' width='15' height='15'>"; }}//⾝份证号验证document.form1.sfzid.onkeyup=function(){var reg4=/^\d{17}[(0-9)|X|x ]{1}/;if(reg4.test(this.value)&&this.value.length==18){document.getElementById("sfzmsg").innerHTML="输⼊正确";}else{document.getElementById("sfzmsg").innerHTML="<img src='错误.jpg' width='15' height='15'>"; }}//注册按钮⽅法function test(){var str="输⼊正确"if(document.getElementById("namemsg").innerHTML!==str){document.getElementById("namemsg").innerHTML="<img src='错误.jpg' width='15' height='15'>"; ername.focus();ername.value="";return false;}if(document.getElementById("pwdmsg").innerHTML!==str){document.getElementById("pwdmsg").innerHTML="<img src='错误.jpg' width='15' height='15'>"; document.form1.pwd.focus();document.form1.pwd.value="";return false;}if(document.getElementById("pwd1msg").innerHTML!==str){document.getElementById("pwd1msg").innerHTML="<img src='错误.jpg' width='15' height='15'>"; document.form1.pwd1.focus();document.form1.pwd1.value="";return false;}if(document.getElementById("iphone1").innerHTML!==str){document.getElementById("iphone1").innerHTML="<img src='错误.jpg' width='15' height='15'>"; document.form1.phone.focus();document.form1.phone.value="";return false;}if(document.getElementById("iphone2").innerHTML!==str){document.getElementById("iphone2").innerHTML="<img src='错误.jpg' width='15' height='15'>"; document.form1.phone1.focus();document.form1.phone.value="";return false;}}</script></body></html>。

JavaScript常用表单验证正则表达式(身份证、电话号码、邮编、日期、IP等)

JavaScript常用表单验证正则表达式(身份证、电话号码、邮编、日期、IP等)

JavaScript常⽤表单验证正则表达式(⾝份证、电话号码、邮编、⽇期、IP等)⾝份证正则表达式//⾝份证正则表达式(15位)isIDCard1=/^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;//⾝份证正则表达式(18位)isIDCard2=/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}([0-9]|X)$/;地区、性别和⾝份证进⾏判断的正则表达式:<script>varaCity={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:”国外”}function cidInfo(sId){var iSum=0var info=”"if(!/^\d{17}(\d|x)$/i.test(sId))return false;sId=sId.replace(/x$/i,”a”);if(aCity[parseInt(sId.substr(0,2))]==null)return “Error:⾮法地区”;sBirthday=sId.substr(6,4)+”-”+Number(sId.substr(10,2))+”-”+Number(sId.substr(12,2));var d=new Date(sBirthday.replace(/-/g,”/”))if(sBirthday!=(d.getFullYear()+”-”+ (d.getMonth()+1) + “-” + d.getDate()))return “Error:⾮法⽣⽇”;for(var i = 17;i>=0;i –) iSum += (Math.pow(2,i) % 11) * parseInt(sId.charAt(17 – i),11)if(iSum%11!=1)return “Error:⾮法证号”;return aCity[parseInt(sId.substr(0,2))]+”,”+sBirthday+”,”+(sId.substr(16,1)%2?”男”:”⼥”)}</script>————-正则表达式全集中国电话号码验证匹配形式如:0511-******* 或者021-******** 或者 021-********-555 或者 (0511)4405222正则表达式 “((d{3,4})|d{3,4}-)?d{7,8}(-d{3})*”中国邮政编码验证匹配形式如:215421正则表达式 “d{6}”电⼦邮件验证匹配形式如:justali@正则表达式 “w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*”⾝份证验证匹配形式如:15位或者18位⾝份证正则表达式 “d{18}|d{15}”常⽤数字验证正则表达式“d{n}” n为规定长度“d{n,m}” n到m的长度范围⾮法字符验证匹配⾮法字符如:< > & / ‘ |正则表达式 [^<>&/|'\]+⽇期验证匹配形式如:20030718,030718范围:1900–2099正则表达式((((19){1}|(20){1})d{2})|d{2})[01]{1}d{1}[0-3]{1}d{1}正则表达式是⼀个好东西,但是⼀般情况下,我们需要验证的内容少之⼜少。

  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

<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. 只能是汉字<inputonkeyup="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&&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();}}</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); }}11. form文本域的通用校验函数---------------------------------------作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。

相关文档
最新文档