js验证表单大全

合集下载

js验证(全)

js验证(全)

目录: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)wsws(event.keyCode》=96&&event.keyCode《=105)))//考虑小键盘上的数字键event.returnvalue=false;}《/script》《input onkeydown=”onlyNum();”》5. 只能是英文字符和数字《input onkeyup=”value=”/oblog/value.rep lace(/[\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+)ws(\.\w+))*\@[A-Za-z0-9]+((\.ws-)[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)wsws(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.va lue = “”;}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 wsws 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;}}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)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″ wsws 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, ”%\(\)》《”)) wsws (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. 综合的判断用户输入的合法性的函数—————————————《scr ipt 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 正则校验格式

js 正则校验格式

在JavaScript中,正则表达式是一种用于验证字符串格式的强大工具。

您可以使用正则表达式来检查字符串是否符合指定的格式,例如电子邮件地址、电话号码、日期等。

以下是一些常见的正则表达式示例:
1. 电子邮件地址:
```
^[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$
```
2. 电话号码(中国):
```
^1[3-9]\d{9}$
```
3. 日期(YYYY-MM-DD格式):
```
^[0-9]{4}-[0-9]{2}-[0-9]{2}$
```
4. 身份证号码(18位):
```
^[1-9]\d{5}(19|20)\d{2}(0[1-9]|1[01])(0[1-9]|[12]\d|3[01])\d{3}[Xx\d]$
```
5. IP地址(IPv4格式):
```
^((25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?))\.){3}(25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$
```
这些正则表达式仅适用于特定的格式,您可以根据需要进行修改。

如果您需要更加复杂的校验规则,请参考相关文档和示例,并尝试使用组合和嵌套的正则表达式来构建您自己的校验规则。

[最新]jsp项目表单验证大全

[最新]jsp项目表单验证大全

项目<JSP>表单验证大全关键字: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&&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); }}2.8. form文本域的通用校验函数—————————————作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。

js 验证 常用正则

js 验证 常用正则

js 验证常用正则JavaScript是一个非常强大的脚本语言,它是web开发中最广泛使用的语言之一。

它可以用于开发交互式网页以及许多其他应用程序。

JavaScript中的正则表达式是非常重要的,它可以用来验证用户输入的数据,例如电子邮件、电话号码、日期、时间等等。

在这篇文章中,我们将探讨一些常用的JavaScript正则表达式。

1. 验证电子邮件首先,我们来讨论一下如何验证一个电子邮件地址。

在JavaScript中,我们可以使用正则表达式来实现这个功能。

首先,我们需要一个包含电子邮件地址的字符串:```javascriptvaremail="*******************";```然后,我们需要一个正则表达式来验证电子邮件地址。

下面是一个简单的正则表达式,可以匹配大部分电子邮件地址:```javascriptvar emailPattern = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;```现在,我们可以使用test()方法,将我们的电子邮件地址和正则表达式传递给它来验证电子邮件地址:```javascriptif (emailPattern.test(email)) {console.log("Valid email address");} else {console.log("Invalid email address");}```2. 验证电话号码下一个正则表达式,我们将探讨如何验证电话号码。

在JavaScript中,我们可以使用正则表达式来验证电话号码。

首先,我们需要一个包含电话号码的字符串:```javascriptvar phoneNumber = "123-456-7890";```然后,我们需要一个正则表达式来验证电话号码。

下面是一个简单的正则表达式,可以匹配大部分电话号码:```javascriptvar phonePattern = /^\d{3}-\d{3}-\d{4}$/;```现在,我们可以使用test()方法,将我们的电话号码和正则表达式传递给它来验证电话号码:```javascriptif (phonePattern.test(phoneNumber)) {console.log("Valid phone number");} else {console.log("Invalid phone number");}```3. 验证日期最后,我们将探讨如何验证日期。

javascript程序设计正则表达式应用-实现表单验证实验总结

javascript程序设计正则表达式应用-实现表单验证实验总结

javascript程序设计正则表达式应用-实现表单验证实验总结JavaScript程序设计正则表达式应用实现表单验证实验总结在Web开发中,表单验证是一个非常重要的环节,它可以帮助我们确保用户输入的数据符合我们的预期和要求。

而JavaScript的正则表达式是一种强大的工具,可以用来对用户输入进行有效的验证和筛选。

本文将基于表单验证的实验,一步一步介绍如何利用JavaScript正则表达式来实现表单验证,并对实验过程进行总结和评估。

第一步:实验目标和准备工作在开始实验之前,我们需要明确实验的目标和准备相关的材料和环境。

实验目标:使用JavaScript正则表达式来实现表单验证,并确保用户输入的数据符合预期和要求。

准备工作:1. 一个Web开发环境,例如Apache服务器和一个支持JavaScript的浏览器。

2. 一个包含HTML表单元素的网页文件,例如一个注册表单。

第二步:了解正则表达式的基本语法和规则在开始实验之前,我们需要对正则表达式的基本语法和规则有一定的了解。

简要介绍一下正则表达式的基本语法和常用规则:1. 字符匹配- 字符:直接匹配字符本身。

- 转义字符:使用'\'来转义特殊字符的匹配。

2. 特殊字符- 点号(.):匹配任意字符。

- 加号(+):匹配一个或多个前面的字符。

- 星号(*):匹配零个或多个前面的字符。

- 问号(?):匹配零个或一个前面的字符。

- 花括号({}):用于指定匹配数量的范围。

3. 字符类和取反- 字符类([...]):匹配方括号中的任意一个字符。

- 取反([^...]):匹配除了方括号中的任意一个字符以外的字符。

4. 边界匹配- 开始边界(^):匹配字符串的开头。

- 结束边界():匹配字符串的结尾。

5. 数量限定- 数字(\d):匹配一个数字字符。

- 非数字(\D):匹配一个非数字字符。

- 字母(\w):匹配一个字母字符。

- 非字母(\W):匹配一个非字母字符。

vue3 js elementform验证规则

vue3 js elementform验证规则

vue3js elementform验证规则在Vue3中,使用Element UI(基于Element UI2.x版本)进行表单验证时,你可以通过在表单项中使用`rules`属性来定义验证规则。

以下是一个简单的示例:1.首先,确保你的项目中已经安装了Element UI:```bashnpm install element-plus--save```2.在你的组件中,引入需要使用的Element UI组件和样式:```javascript//在你的组件中import{ElForm,ElFormItem,ElInput,ElButton}from'element-plus';import'element-plus/lib/theme-chalk/index.css';export default{components:{ElForm,ElFormItem,ElInput,ElButton,},//其他组件选项...};```3.在表单项中使用`rules`属性定义验证规则:```html<template><el-form ref="myForm":model="form":rules="rules"label-width="80px"> <el-form-item label="用户名"prop="username"><el-input v-model="ername"></el-input></el-form-item><el-form-item label="密码"prop="password"><el-input type="password"v-model="form.password"></el-input></el-form-item><el-form-item><el-button type="primary"@click="submitForm">提交</el-button></el-form-item></el-form></template><script>export default{data(){return{form:{username:'',password:'',},rules:{username:[{required:true,message:'请输入用户名',trigger:'blur'},//其他规则...],password:[{required:true,message:'请输入密码',trigger:'blur'},//其他规则...],},};},methods:{submitForm(){//提交表单逻辑...//可以通过this.$refs.myForm.validate()进行手动触发验证},},};</script>```上述代码中,`rules`对象中定义了每个表单项的验证规则。

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.屏蔽关键字(这里屏蔽***和****)

amis校验表单项

amis校验表单项

amis校验表单项全文共四篇示例,供读者参考第一篇示例:对于大部分人来说,填写表单时可能并不是一件特别繁琐的事情,但对于开发者来说,表单校验却是十分重要的一个环节。

在网站或应用的开发过程中,表单作为用户与系统之间的纽带,承载了用户输入的关键信息。

为了确保用户输入的信息的合法性和有效性,开发者需要对表单进行校验,防止用户输入错误或恶意输入。

而在前端开发中,Amis提供了丰富的表单校验组件,帮助开发者轻松实现表单校验功能。

Amis是一个基于React的前端框架,提供了丰富的UI组件以及强大的表单校验功能。

开发者可以通过Amis的表单校验组件,快速实现对表单项的校验,从而提高用户体验和系统安全性。

下面我们将详细介绍Amis的表单校验功能,帮助开发者更好地利用这一功能。

Amis提供了丰富的校验类型,可以轻松应对各种表单校验需求。

比如常见的必填校验、长度校验、邮箱格式校验、手机号格式校验等等。

开发者只需要在表单项的schema配置中指定相应的校验规则,就可以实现对表单项的校验。

对一个输入框进行必填校验,只需要在schema中添加"required: true"即可。

这种简单直观的配置方式,使开发者能够快速实现各种校验需求。

除了基本的校验类型,Amis还提供了自定义校验规则的功能,满足开发者复杂的校验需求。

开发者可以通过validator属性自定义校验规则,传入一个自定义的校验函数,并在函数中实现复杂的校验逻辑。

对一个输入框进行自定义校验规则,只需要在schema中添加"validator"属性,并指定自定义的校验函数即可。

这种灵活的自定义校验规则功能,帮助开发者轻松实现复杂的校验需求。

Amis还提供了校验错误信息的展示功能,帮助用户更直观地了解校验结果。

当用户输入不符合校验规则时,表单项会在下方显示相应的错误提示信息,提示用户输入有误。

开发者可以在schema配置中指定错误信息的展示方式,以及自定义错误信息内容。

jquery表单验证大全

jquery表单验证大全

JQuery笔记(表单验证大全)jquery.validate.js 是 jquery 旗下的一个验证插件,借助 jquery 的优势,我们可以迅速验证一些常见的输入 , 并且可以自己扩充自己的验证方法。

举个例子,有这么一个表单:view plaincopy to clipboardprint?<form id="signupForm" method="get" action=""><fieldset><legend>Validating a complete form</legend><p><label for="firstname">Firstname</label><input id="firstname" name="firstname" class="required"/></p><p><label for="lastname">Lastname</label><input id="lastname" name="lastname" /></p><p><label for="username">Username</label><input id="username" name="username" /></p><p><label for="password">Password</label><input id="password" name="password" type="password" /></p><p><label for="confirm_password">Confirm password</label><input id="confirm_password" name="confirm_password" type="password" /></p><p><label for="email">Email</label><input id="email" name="email" /></p><p><input class="submit" type="submit" value="Submit"/></p></fieldset></form><form id="signupForm" method="get" action=""><fieldset><legend>Validating a complete form</legend><p><label for="firstname">Firstname</label><input id="firstname" name="firstname" class="required"/></p><p><label for="lastname">Lastname</label><input id="lastname" name="lastname" /></p><p><label for="username">Username</label><input id="username" name="username" /></p><p><label for="password">Password</label><input id="password" name="password" type="password" /></p><p><label for="confirm_password">Confirm password</label><input id="confirm_password" name="confirm_password" type="password" /></p><p><label for="email">Email</label><input id="email" name="email" /></p><p><input class="submit" type="submit" value="Submit"/></p></fieldset></form>在这个表单中,有名、姓、用户名、密码、确认密码和 email 。

JS组件系列——Form表单验证神器:BootstrapValidator

JS组件系列——Form表单验证神器:BootstrapValidator

JS组件系列——Form表单验证神器:BootstrapValidator前⾔:做Web开发的我们,表单验证是再常见不过的需求了。

友好的错误提⽰能增加⽤户体验。

博主搜索bootstrap表单验证,搜到的结果⼤部分都是⽂中的主题:bootstrapvalidator。

今天就来看看它如何使⽤吧。

⼀、源码及API地址介绍它之前,还是给出它的源码以及API的地址吧。

bootstrapvalidator源码:boostrapvalidator api:⼆、代码以及效果展⽰1、初级⽤法来看bootstrapvalidator的描述:A jQuery form validator for Bootstrap 3。

从描述中我们就可以知道它⾄少需要jQuery、bootstrap的⽀持。

我们⾸先引⼊需要的js组件 <script src="~/Scripts/jquery-1.10.2.js"></script><script src="~/Content/bootstrap/js/bootstrap.min.js"></script><link href="~/Content/bootstrap/css/bootstrap.min.css" rel="stylesheet"/><script src="~/Content/bootstrapValidator/js/bootstrapValidator.min.js"></script><link href="~/Content/bootstrapValidator/css/bootstrapValidator.min.css" rel="stylesheet"/>我们知道,既然是表单验证,那么我们在cshtml页⾯就必须要有⼀个Form,并且我们知道Form⾥⾯取元素都是通过name属性去取值的,所以,表单⾥⾯的元素都要有⼀个name的属性值。

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。

js validate函数

js validate函数

js validate函数
在JavaScript中,一个常见的需求是对用户输入的表单进行验证。

为此,我们可以使用validate函数来实现表单验证功能。

validate函数的实现方式有很多种,但最核心的思路是检验用户输入的内容是否符合预期的格式和要求。

这不仅能为用户提供良好的
交互体验,还能有效的保护网站的安全性。

在使用validate函数的过程中,我们需要先定义好验证规则。

比如:用户名必须是4到16个字符,且只能由字母、数字、中划线、
下划线组成。

这个规则可以用正则表达式来表示:`/^[a-zA-Z0-9_-
]{4,16}$/`。

接下来,我们可以在validate函数中使用这个正则表达式来对
用户输入的用户名进行验证。

如果验证通过就可以提交表单,否则就
提示用户输入有误并阻止提交。

更进一步,我们可以为每个表单元素都定义相应的验证规则,比如:验证邮箱格式、验证手机号码、判断两次输入密码是否一致等等。

这样可以为用户提供更完善的交互体验,并有效防止不必要的错误和
攻击。

需要注意的是,在编写validate函数时,尽量不要依赖于浏览
器自带的表单验证功能。

因为这种方式容易被绕过,而且不同浏览器
可能会出现兼容性问题。

因此,我们应该尽可能地使用JavaScript来
进行表单验证。

总之,validate函数是一个非常实用的JavaScript函数,它可
以为我们提供有效的表单验证功能,保障网站的安全性和用户体验。

常用的js验证数字

常用的js验证数字

常用的js验证数字,电话号码,传真,邮箱,手机号码,邮编,日期1、数字function testisNum(object){var s =document.getElementById(object.id).value;if(s!=""){if(isNaN(s)){alert("请输入数字");object.value="";object.focus();}}}2、电话号码,传真//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”function isT el(object){//国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)"var s =document.getElementById(object.id).value;var pattern =/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/;//var pattern=/(^[0-9]{3,4}\-[0-9]{7,8}$)|(^[0-9]{7,8}$)|(^\([0-9]{3,4}\)[0-9]{3,8}$)|(^0{0,1}13[0-9]{9}$)/;if(s!=""){if(!pattern.exec(s)){alert('请输入正确的电话号码:电话号码格式为国家代码(2到3位)-区号(2到3位)-电话号码(7到8位)-分机号(3位)"');object.value="";object.focus();}}}3、邮箱function Check(object){var s =document.getElementById(object.id).value;var pattern =/^[a-zA-Z0-9_\-]{1,}@[a-zA-Z0-9_\-]{1,}\.[a-zA-Z0-9_\-.]{1,}$/;if(s!=""){if(!pattern.exec(s)){alert('请输入正确的邮箱地址');object.value="";object.focus();}}}4、手机号码//校验手机号码:必须以数字开头,除数字外,可含有“-”function isMobile(object){var s =document.getElementById(object.id).value;var reg0 = /^13\d{5,9}$/;var reg1 = /^153\d{4,8}$/;var reg2 = /^159\d{4,8}$/;var reg3 = /^0\d{10,11}$/;var my = false;if (reg0.test(s))my=true;if (reg1.test(s))my=true;if (reg2.test(s))my=true;if (reg3.test(s))my=true;if(s!=""){if (!my){alert('请输入正确的手机号码');object.value="";object.focus();}}}//校验日期function isdate(object){var s =document.getElementById(object.id).value;var pattern=/^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2] [0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\ /\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[ \-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s(((0?[0-9])|([1-2][0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))?$/;if(s!=""){if(!pattern.exec(s)){alert('请输入正确的日期');object.value="";object.focus();}}}5、邮编//校验(国内)邮政编码function isPostalCode(object){var s =document.getElementById(object.id).value;var pattern =/^[0-9]{6}$/;if(s!=""){if(!pattern.exec(s)){alert('请输入正确的邮政编码');object.value="";object.focus();}}}6、日期//校验日期function isdate(object){var s =document.getElementById(object.id).value;var pattern=/^((\d{2}(([02468][048])|([13579][26]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\/\s]?((0?[1-9])|([1-2] [0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[\-\/\s]?((0?[1-9])|([1-2][0-9])))))|(\d{2}(([02468][1235679])|([13579][01345789]))[\-\/\s]?((((0?[13578])|(1[02]))[\-\ /\s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[\-\/\s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[ \-\/\s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(\s(((0?[0-9])|([1-2][0-3]))\:([0-5]?[0-9])((\s)|(\:([0-5]?[0-9])))))?$/;if(s!=""){if(!pattern.exec(s)){alert('请输入正确的日期');object.value="";object.focus();}}}一、清除空格String.prototype.trim = function()//去除空格{return this.replace(/(^[\s]*)|([\s]*$)/g, "");}二、检查一个字符串是否包含特殊字符/*功能:检查传入的字符串中是否包含特殊字符参数:str-要检查的字符串输出:"1"表示字符串不包含特殊字符,验证成功;否则返回"0"相关说明:空字符串可通过验证*/function CheckSpecialString(str){StringFilter = new Array ("'" ,"\\", ".", ",", ";", "/","<","}","%","*");//可以向StringFilter中添加要过滤的字符i=StringFilter.length;j=str.length;for (k=0;k<i;k++){for (m=0;m<j;m++){temp1=str.charAt(m);temp2=StringFilter[k];if (temp1==temp2){return 0;}}}return 1;}三、检查一个字符串是否为中文/*功能:检查传入的字符串是否为中文参数:str-要检查的字符串输出:true表示验证成功,false表示验证不成功相关说明:空字符串可以通过验证,且包含中文的特殊字符*/function IsChineseString(str){var pattern_cn = /^([\u4E00-\u9FA5]|[\uFE30-\uFFA0])*$/gi;if(pattern_cn.test(str)){return true;}else{return false;}}四、检查一个字符串中是否包含全角空格/*功能:检查传入的字符串是否为中文参数:str-要检查的字符串输出:true表示验证成功(不饮食全解空格),false表示验证不成功相关说明:空字符串可以通过验证*/function FullSpace(str){var Reg = /\/;var booleanT = Reg.test(str);if (booleanT == true){return false;}return true;}五、比较两个字符串形式的日期大小/*比较两个字符串形式的日期大小功能:比较两个字符串形式的日期大小参数:firstDate-要检查日期字符串,字符串形式为"2007/05/08"或“2007-05-08”secondDate-要检查的日期字符串,字符串形式为"2007/05/08"或“2007-05-08”输出:true表示第一个日期大于第二个日期,false表示第二个日期大于或等于第一个日期相关说明:空字符串可以通过验证*/function DateExample(firstDate,secondDate){if ( firstDate.indexOf("-") > 0){firstDate = firstDate.replace(/-/g,"/") ;}if ( secondDate.indexOf("-") > 0){secondDate = secondDate.replace(/-/g,"/") ;}var FirstDate = new Date(Date.parse(firstDate)) ;var SecondDate = new Date(Date.parse(secondDate)) ;alert( FirstDate > SecondDate );}六、检查一个字符串是否为一个IP地地/*功能:检查传入的字符串是否为一个IP地址参数:str-要检查的字符串输出:true表示验证成功,false表示验证不成功相关说明:空字符串不可以通过验证*/function CheckIP(str){var Reg =/^([1-9]|[1-9]\d|1\d{2}|2[0-1]\d|22[0-3])(\.(\d|[1-9]\d|1\d{2}|2[0-4]\d|25[0-5])){3}$/;var booleanT = Reg.test(str);return booleanT ;}七、整除函数function Div(exp1, exp2){var n1 = Math.round(exp1); //四舍五入var n2 = Math.round(exp2); //四舍五入var rslt = n1 / n2; //除if (rslt >= 0){rslt = Math.floor(rslt); //返回值为小于等于其数值参数的最大整数值。

jquery.validate.js表单验证jquery.validate.js的用法

jquery.validate.js表单验证jquery.validate.js的用法

jquery.validate.js表单验证jquery.validate.js的⽤法jquery.validate.js这个插件已经⽤了2年多了,是⼀个不可多得的表单验证最⽅便快捷的插件。

基于jquery的⼩插件,基本⼩⽩⼀学就会上⼿,对于项⽬表单页⾯⽐较多,元素⽐较多的校验,该插件基本分分钟就解决完。

本来想好好总结⼀下的。

暂放demo。

想参考⼀下这篇楼主的博⽂。

感觉总结的太好了!他的⽤法是结合jquery.validate.js写法基本是这个样⼦的class={};前端写法⽆限多,这⾥就不细细区别那种⽤法更好,没那精⼒。

其实引⽤这个写法的主要原因是他的写法会帮助我们动态校验⾃动⽣成的表格元素,总所周知啊:jquery.validate.js这个插件是基于表单的name名称进⾏校验的,⽽对于动态⽣成的表单这个name就有点困难困难了。

(除⾮你们想到name[i],i++这种低级想法。

因为后端基本不会给name起name1,name2,name3这种名字的,哪家也不这么在数据库⾥玩。

除⾮⾃⼰本地的同学们,哈哈哈!)废话少说。

这⾥就显出jquery.metadata.js他的⾼尚之品质!以下是我项⽬中的⼀个⼩代码$(".add).on("click",function(){var str='<tr class="trsec">'+'<td><select name="assessVoList[][productMetadataId]" id="" class="risk">'+options+'</select></td>'+'<td><select name="assessVoList[][LossTargetName]" class="subject">'+LossTargetNameid+'</select></td>'+'<td><select name="assessVoList[][LossTargetType]" class="sslb">'+lossFeeTypeListid+'</select></td>'+'<td><input type="text" value="'+item.losshow+'" placeholder="损失程度" name="assessVoList[][losshow]" class="losshow {required:true}"/></td>'+'<td><a class="sbtn delete deleteone" data-toggle="modal" data-target=".mydelete">删除</a></td>'+'</tr>';$(".two").find("tbody").append(str);})点击按钮,给表格动态增加⼀条数据时,对表单⾥的元素进⾏校验。

利用JS文件来优化网站表单验证和提交代码

利用JS文件来优化网站表单验证和提交代码

子 邮箱地址。设计 H m 表单程序如下 : tl
<f r m e=” f m l m eho o m na or ” t d=” p t a ton=” doph os” ci . p”
o s b t”r tm e k 0 0 : n u mi = eu Ch c F 珊 ” >
<n u tp = sb t nme ”isr vle ” 提 交 ” i ty e ” u mi a = net au= p ' ’ ”
</o m> fr
表单设计完成 之后 ,在页 面中设计代码 分别验证 表单域
各输入值的合法性 。
/ / 验证字符串是否由中文构成
fn t n iC n (t f…… } u ci s h Байду номын сангаас ) o r
h n e c s e t o o e ,s c s r u a i t , rv t,r a a i t , x a sb l y a d a a ti rv s d v l p n f — a c s mu h a p cs fc d s u h a , e s bl y b e i i y e d b l y e p n i i t n tls mp o e e e o me tet i i i
Bae n J i s d o S F l e
Z t  ̄G u tG tA R i, AO
f . si t fI tl g n so n ma e I f r t n Th e r e ie st ; 1I t ue o ne l e tVii n a d I g n o mai , r e Go g sUn v r i n t i o y
ce c . in y
【 y r s JvSr tf m f l; hc ;u m tot i Kewod 】 aaci ; r e cek sb i pi z p o id ; me

form表单验证方法

form表单验证方法

form表单验证方法(最新版4篇)目录(篇1)1.表单验证的重要性2.form 表单验证方法的概述3.表单验证的方法4.表单验证的实践示例5.表单验证的优缺点分析6.表单验证的未来发展趋势正文(篇1)在现代 Web 开发中,表单验证是一项必不可少的任务。

它不仅能确保用户输入的数据格式正确,还可以保证业务逻辑的顺利进行。

form 表单验证方法是实现表单验证的一种有效方式,它为我们提供了许多便捷的工具和方法。

首先,让我们了解一下表单验证的方法。

表单验证主要包括客户端验证和服务器端验证。

客户端验证是指在用户提交表单之前,通过JavaScript 等脚本语言对表单数据进行验证。

这种方式的优点是实时反馈,用户体验较好。

服务器端验证则是在接收到表单数据后,通过服务器端的编程语言进行验证。

这种方式的优点是可以保证数据的正确性,但可能会增加服务器负担。

接下来,我们通过一个实践示例来具体了解表单验证的过程。

假设我们要验证一个用户名和密码的表单,我们可以在客户端通过 JavaScript 编写如下代码:```javascriptfunction validateForm() {var username =document.forms["loginForm"]["username"].value;var password =document.forms["loginForm"]["password"].value;if (username == "" || password == "") {alert("用户名和密码不能为空");return false;}if (username.length < 6) {alert("用户名不能少于 6 个字符");return false;}if (!/^[a-zA-Z]*$/.test(username)) {alert("用户名只能包含字母");return false;}if (!/^[a-zA-Z0-9]*$/.test(password)) { alert("密码只能包含字母和数字");return false;}return true;}```在服务器端,我们可以使用 Python 编写如下代码进行验证:```pythondef validate_form(username, password):if not username or not password:return False, "用户名和密码不能为空"if len(username) < 6:return False, "用户名不能少于 6 个字符"if not username.isalpha():return False, "用户名只能包含字母"if not password.isalnum():return False, "密码只能包含字母和数字"return True```通过这个示例,我们可以看到表单验证的实际应用过程。

JS校验表单必填项

JS校验表单必填项

JS校验表单必填项JS校验⼀个逻辑:通过js获取⽂本框的值,去判断,当值为空的时候将提⽰⽂案的div的class添加hide属性,false,否则移除hide属性,true,触发提交简单写个⽰例:HTML部分:<div class="form-group"><label for="" class="col-sm-2 control-label">⽤户名</label><div class="col-sm-10"><input type="text" class="form-control" name="username" value="{{$hrInfo->username or old('username')}}" placeholder="请输⼊⽤户名"><div class="error-message hide"><span class="text-denger" style="color: red">必填</span></div></div></div>JS部分:<script>$(function () {$(":submit").click(function (e) {e.preventDefault();if (boolInfo()) {$('.add-hr-info').submit();}})function boolInfo() {var bool = false;// ⽤户名if ($('[name=username]').val()) {bool = true;$('[name=username]').next().addClass('hide');} else {bool = false;$('[name=username]').next().removeClass('hide');}return bool;}})</script>。

JS正则验证

JS正则验证

//希望对您有帮助JS的正则验证//校验是否全由数字组成function isDigit(s){var patrn=/^[0-9]{1,20}$/;if (!patrn.exec(s)) return falsereturn true}//校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串Java代码1.function isRegisterUserName(s)2.{3.var patrn=/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/;4.if (!patrn.exec(s)) return false5.return true6.}//校验用户姓名:只能输入1-30个以字母开头的字串Java代码1.function isTrueName(s)2.{3.var patrn=/^[a-zA-Z]{1,30}$/;4.if (!patrn.exec(s)) return false5.return true6.}7.}}8.9.//校验密码:只能输入6-20个字母、数字、下划线10.<PRE class=java name="code">function isPasswd(s)11.{12.var patrn=/^(\w){6,20}$/;13.if (!patrn.exec(s)) return false14.return true15.}16.</PRE>17.<BR>18.<BR>//校验普通电话、传真号码:可以“+”开头,除数字外,可含有“-”19.<BR><PRE class=java name="code">function isTel(s)20.{21.//var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?(\d){1,12})+$/;22.var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;23.if (!patrn.exec(s)) return false24.return true25.}26.</PRE>27.<BR>28.<BR>//校验手机号码:必须以数字开头,除数字外,可含有“-”29.<BR><PRE class=java name="code">function isMobil(s)30.{31.var patrn=/^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;32.if (!patrn.exec(s)) return false33.return true34.}35.</PRE>36.<BR>37.<BR>//校验邮政编码38.<BR><PRE class=java name="code">function isPostalCode(s)39.{40.//var patrn=/^[a-zA-Z0-9]{3,12}$/;41.var patrn=/^[a-zA-Z0-9 ]{3,12}$/;42.if (!patrn.exec(s)) return false43.return true44.}45.</PRE>46.<BR>47.<BR>//校验搜索关键字48.<BR><PRE class=java name="code">function isSearch(s)49.{50.var patrn=/^[^`~!@#$%^&*()+=|\\\][\]\{\}:;'\,.<>/?]{1}[^`~!@$%^&()+=|\\\]51. [\]\{\}:;'\,.<>?]{0,19}$/;52.if (!patrn.exec(s)) return false53.return true54.}55.56.function isIP(s) //by zergling57.{58.var patrn=/^[0-9.]{1,20}$/;59.if (!patrn.exec(s)) return false60.return true61.}62.</PRE>63.<BR>64.<BR><SPAN style="FONT-SIZE: 18pt">正则表达式</SPAN>65.<BR><PRE class=java name="code">"^\\d+$" //非负整数(正整数 + 0)66."^[0-9]*[1-9][0-9]*$" //正整数67."^((-\\d+)|(0+))$" //非正整数(负整数 + 0)68."^-[0-9]*[1-9][0-9]*$" //负整数69."^-?\\d+$" //整数70."^\\d+(\\.\\d+)?$" //非负浮点数(正浮点数 + 0)71."^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"72.//正浮点数73."^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$" //非正浮点数(负浮点数 + 0)74."^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"75.//负浮点数76."^(-?\\d+)(\\.\\d+)?$" //浮点数77."^[A-Za-z]+$" //由26个英文字母组成的字符串78."^[A-Z]+$" //由26个英文字母的大写组成的字符串79."^[a-z]+$" //由26个英文字母的小写组成的字符串80."^[A-Za-z0-9]+$" //由数字和26个英文字母组成的字符串81."^\\w+$" //由数字、26个英文字母或者下划线组成的字符串82."^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$" //email地址83."^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"//url84."^[A-Za-z0-9_]*$"85.</PRE>86.<BR>87.<BR><SPAN style="FONT-SIZE: 18pt">正则表达式使用详解</SPAN>88.<BR>89.<BR>简介90.<BR>91.<BR>简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具。

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)。

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文本,比如姓名,账号,邮件地址等等。

相关文档
最新文档