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. 验证日期最后，我们将探讨如何验证日期。

js几种常用的数据校验方法

js几种常用的数据校验方法在前端开发中，数据校验是非常重要的一环。

通过对用户输入的数据进行校验，可以有效地防止错误数据的提交，提高系统的安全性和稳定性。

下面将介绍几种常用的js数据校验方法。

1. 正则表达式校验正则表达式是一种强大的文本匹配工具，可以用来对字符串进行复杂的校验。

在js中，可以使用RegExp对象来创建正则表达式，并使用test()方法来进行匹配校验。

例如，可以使用正则表达式来校验手机号码的格式是否正确：```javascriptfunction validatePhone(phone) {var reg = /^1[3456789]\d{9}$/;return reg.test(phone);}```2. 内置校验方法在HTML5中，提供了一些内置的校验方法，可以直接在表单元素上使用。

例如，可以使用required属性来校验必填项，使用type属性来校验输入的数据类型。

例如，可以使用type="email"来校验邮箱地址的格式是否正确：```html<input type="email" required>```3. 自定义校验方法除了使用正则表达式和内置校验方法外，还可以自定义校验方法来满足特定的需求。

可以通过编写自定义函数来实现校验逻辑，并在需要校验的地方调用该函数。

例如，可以自定义一个校验密码强度的方法：```javascriptfunction validatePassword(password) {// 校验密码强度的逻辑// ...return true; // 返回校验结果}```4. 第三方库校验除了自己编写校验方法外，还可以使用一些第三方库来简化数据校验的过程。

例如，jQuery Validation是一个常用的表单校验插件，可以通过简单的配置来实现各种校验需求。

使用该插件可以方便地对表单进行校验，并提供了丰富的错误提示功能。

js 校验正则

js 校验正则一、什么是正则表达式？正则表达式是一种用于描述字符串模式的语法规则。

它可以用来匹配、查找、替换某个字符串中符合特定模式的部分。

二、为什么要使用正则表达式？使用正则表达式可以提高开发效率，减少代码量，同时也可以让程序更加灵活和可扩展。

在实际开发中，我们经常需要对用户输入的数据进行校验，这时候就可以使用正则表达式来完成相应的校验工作。

三、JS 中如何使用正则表达式？JS 中提供了内置对象 RegExp 来支持正则表达式的使用。

RegExp 对象有两种创建方式：1. 使用字面量创建var reg = /pattern/;2. 使用构造函数创建var reg = new RegExp("pattern");其中 pattern 表示要匹配的模式。

四、JS 正则表达式常用语法规则1. 字符集合 []字符集合用于匹配一组字符中的任意一个字符。

例如：var reg = /[abc]/; // 匹配 a 或 b 或 c 中任意一个字符2. 范围表示 -范围表示用于匹配一个范围内的字符。

例如：var reg = /[a-z]/; // 匹配小写字母 a 到 z 中任意一个字符3. 排除字符集合 ^排除字符集合 ^ 用于匹配不在指定字符集合中的任意一个字符。

例如：var reg = /[^abc]/; // 匹配不是 a 或 b 或 c 中的任意一个字符4. 重复次数 {n,m}重复次数用于匹配指定次数的字符。

例如：var reg = /a{3}/; // 匹配连续出现三个 a 的字符串5. 通配符 .通配符 . 用于匹配除换行符外的任意一个字符。

例如：var reg = /a.b/; // 匹配 a 和 b 中间有一个任意字符的字符串，如aab、acb 等6. 开始 ^ 和结束 $开始 ^ 和结束 $ 分别用于匹配字符串的开头和结尾。

例如：var reg = /^abc/; // 匹配以 abc 开头的字符串var reg = /abc$/; // 匹配以 abc 结尾的字符串7. 或 |或 | 用于匹配多个模式中的任意一个。

js验证真实姓名与身份证号,手机号的简单实例

js验证真实姓名与⾝份证号,⼿机号的简单实例最近的项⽬中⽤的需要调⽤实名认证的接⼝，实名认证接⼝价格相⽐短信⽽⾔⾼了不是⼏分钱，所以说调⽤实名认证的条件就要严格把关，因此⽤到js验证真实姓名与js验证⾝份证号。

进⼊正题1.js验证真实姓名js验证真实姓名，是⽤的unicode字符的来进⾏匹配，⽽中国⼈的姓名长度⼀般都是2-4，所以重复匹配{2,4}次var regName =/^[\u4e00-\u9fa5]{2,4}$/;if(!regName.test(name)){alert('真实姓名填写有误');return false;}2.js验证⾝份证号js验证⾝份证号，中国的⾝份证号，⼀代⾝份证号是15位的数字，⼆代⾝份证都是18位的，最后⼀位校验位除了可能是数字还可能是'X'或'x'，所以有四种可能性：a.15位数字 b.18位数字 c.17位数字，第⼗⼋位是'X' d.17位数字，第⼗⼋位是'x'var regIdNo = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;if(!regIdNo.test(idNo)){alert('⾝份证号填写有误');return false;}详细版⾝份证验证：3.js验证⼿机号中国的⼿机号除了区号（+86），之外均是11位数字且⾸字母⼀定是1，第⼆位不⼀定，但是⽬前为⽌还没有出现1和2的var mobileRegex = /^(((1[3456789][0-9]{1})|(15[0-9]{1}))+\d{8})$/;if(mobileRegex.test(phone)){alert('⼿机号正确');}else{alert('⼿机号输⼊不正确');}以上这篇js验证真实姓名与⾝份证号,⼿机号的简单实例就是⼩编分享给⼤家的全部内容了，希望能给⼤家⼀个参考，也希望⼤家多多⽀持。

js 正则校验方法

js 正则校验方法JS正则校验方法本文介绍了用于JavaScript中正则表达式校验的基本方法。

正则表达式是一种强大的工具，可以用于在字符串中查找、匹配和替换符合特定模式的文本。

通过使用正则表达式，我们可以轻松地验证用户输入的数据。

1. 使用test()方法test()方法是JavaScript中正则表达式对象的一个方法，用于测试一个字符串是否与指定的正则表达式匹配。

它返回一个布尔值，如果匹配成功返回true，否则返回false。

const regex = /pattern/; // 正则表达式(str); // 使用test()方法进行匹配2. 使用match()方法match()方法是JavaScript中字符串对象的一个方法，用于在字符串中查找与正则表达式匹配的子串。

它返回一个数组，包含所有匹配成功的子串。

如果没有匹配成功，则返回null。

(regex); // 使用match()方法进行匹配3. 使用exec()方法exec()方法是JavaScript中正则表达式对象的一个方法，用于检索字符串中与正则表达式匹配的结果。

它返回一个数组，包含第一个匹配成功的子串以及匹配的捕获组。

如果没有匹配成功，则返回null。

const regex = /pattern/; // 正则表达式(str); // 使用exec()方法进行匹配4. 使用search()方法search()方法是JavaScript中字符串对象的一个方法，用于搜索字符串中与正则表达式匹配的子串。

它返回第一个匹配成功的子串的索引位置。

如果没有匹配成功，则返回-1。

const regex = /pattern/; // 正则表达式(regex); // 使用search()方法进行匹配5. 使用replace()方法replace()方法是JavaScript中字符串对象的一个方法，用于将字符串中与正则表达式匹配的子串替换为指定的字符串。

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循环所有表单验证

表单验证—js循环所有表单验证【封装为表单验证的专⽤js，所有表单页⾯都可以调⽤】1、表单<form id="regForm" method="post" action="index/register" onsubmit="checkForm(this)">....<td><label class="ui-green"><input type="submit" name="submit" value="提交注册"/></label></td>2、验证form表单function checkForm(frm){var els = frm.getElementsByTagName("input");for(var i=0; i<els.length; i++) {if(typeof(els[i].getAttribute("onblur")) == "function") {if(!CheckItem(els[i])) return false;}}return true;}3、验证该表单下的所有input框function CheckItem(obj){//将input提⽰框的内容赋空obj.parentNode.parentNode.className = "";var msgBox = obj.parentNode.getElementsByTagName("span")[0];switch() {case "regUserName"://这后⾯的业务可以单独提出来作为⼀个⽅法if(obj.value == "") {msgBox.innerHTML = "密码不能为空！";//添加className⽅便统⼀管理样式msgBox.className = "error";return false;}else{//⽤户名被占⽤$.ajax({"url":"index/hasname","data":"username="+obj.value,"type":"post","dataType":"json","success":function(data){if(data=="1"){msgBox.innerHTML = "⽤户名已存在！";msgBox.className = "error";return false;}else{//⽤户名可⽤msgBox.innerHTML = "⽤户名可⽤！";msgBox.className = "nameinfo";}}});}break;case "userName":if(obj.value == "") {msgBox.innerHTML = "密码不能为空！";msgBox.className = "error";return false;}break;case "passWord":if(obj.value == "") {msgBox.innerHTML = "密码不能为空！";msgBox.className = "error";return false;}break;case "rePassWord":if(obj.value == "") {msgBox.innerHTML = "密码不能为空！";msgBox.className = "error";return false;} else if(obj.value != document.getElementById("passWord").value) { msgBox.innerHTML = "两次密码不⼀致！";msgBox.className = "error";return false;}break;case "veryCode":if(obj.value == "") {msgBox.innerHTML = "验证码不能为空！";msgBox.className = "error";return false;}break;}return true;}。

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

如何在JavaScript中实现表单验证和数据校验表单验证和数据校验在JavaScript中是非常重要的，它们可以帮助我们确保用户在提交表单时输入有效的数据。

本文将介绍如何使用JavaScript实现表单验证和数据校验。

一、使用JavaScript实现表单验证在JavaScript中，可以使用一些常用的方法和技巧来验证表单的输入。

以下是实现表单验证的步骤：1.获取表单元素：首先，需要使用JavaScript选择器获取表单元素。

可以使用getElementById()、getElementsByTagName()或querySelector()等方法来获取表单元素。

2.添加事件监听器：接下来，可以使用addEventListener()方法为表单元素添加一个submit事件监听器。

这样，当用户提交表单时，可以触发相应的验证逻辑。

3.编写验证逻辑：在事件监听器中，可以编写一些验证逻辑。

例如，可以检查输入框是否为空、检查邮箱地址格式是否正确等。

可以使用正则表达式、条件语句等来实现不同的验证逻辑。

4.验证结果提示：最后，根据验证结果，可以使用alert()、innerHTML()或console.log()等方法来提示用户验证结果。

以下是一个示例代码，演示了如何使用JavaScript实现简单的表单验证：```javascript//获取表单元素var form = document.getElementById('myForm');//添加事件监听器form.addEventListener('submit', function(event) {//阻止表单默认提交行为event.preventDefault();//获取输入框的值var name = document.getElementById('name').value;//验证逻辑if (name === '') {alert('请输入姓名');} else {alert('提交成功');form.reset();}});```二、使用JavaScript实现数据校验除了表单验证，JavaScript还可以用于对数据进行校验。

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

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