常用javascript数据验证

合集下载

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

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

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

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

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

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

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

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

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

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

2. 特殊字符- 点号（.）：匹配任意字符。

- 加号（+）：匹配一个或多个前面的字符。

- 星号（*）：匹配零个或多个前面的字符。

- 问号（?）：匹配零个或一个前面的字符。

- 花括号（{}）：用于指定匹配数量的范围。

3. 字符类和取反- 字符类（[...]）：匹配方括号中的任意一个字符。

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

4. 边界匹配- 开始边界（^）：匹配字符串的开头。

- 结束边界（）：匹配字符串的结尾。

5. 数量限定- 数字（\d）：匹配一个数字字符。

- 非数字（\D）：匹配一个非数字字符。

- 字母（\w）：匹配一个字母字符。

- 非字母（\W）：匹配一个非字母字符。

js正则判断是否为数字的方法

js正则判断是否为数字的方法【原创版4篇】篇1 目录1.介绍 JavaScript 正则表达式2.讲解如何使用正则表达式判断数字3.提供实例代码篇1正文一、JavaScript 正则表达式概述正则表达式（Regular Expression，简称 regex）是一种用于匹配字符串模式的字符集，通常用于文本搜索和数据提取等场景。

在 JavaScript 中，正则表达式广泛应用于验证输入、提取数据等功能。

二、如何使用正则表达式判断数字在 JavaScript 中，可以使用正则表达式来判断一个字符串是否为数字。

具体的方法是使用正则表达式的测试方法（如：test()），并传入相应的正则表达式作为参数。

下面是一个简单的示例，用于判断一个字符串是否为数字：```javascriptconst str = "12345";const regex = /^d+$/; //正则表达式，表示匹配全部数字if (regex.test(str)) {console.log("字符串是数字");} else {console.log("字符串不是数字");}```三、实例代码下面是一个完整的实例，用于判断用户输入的字符串是否为数字：```javascript// 获取用户输入const input = prompt("请输入一个数字：");// 判断输入是否为数字if (/^d+$/.test(input)) {console.log("输入的数字是：", input);} else {console.log("输入的不是数字，请重新输入");}```以上代码首先获取用户输入的字符串，然后使用正则表达式判断输入是否为数字。

如果输入为数字，则显示输入的数字；否则提示用户重新输入。

总结：在 JavaScript 中，我们可以使用正则表达式来判断一个字符串是否为数字。

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是一个常用的表单校验插件，可以通过简单的配置来实现各种校验需求。

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

用JavaScript验证密码是否相同

用JavaScript验证密码是否相同<html><head><script language="javascript">function check(){with(document.all){if(input1.value!=input2.value){//alert("两次密码不一致!");document.getElementById("see").style.display="block";setTimeout("javascript:document.getElementById('see').style.display='none';",2000);input1.value="";input2.value="";document.getElementById("input1").focus();}}}/*function check(){var value1=document.getElementById("input1").value;var value2=document.getElementById("input2").value;if(value1!=value2){//alert("123");document.getElementById("see").style.display="block";setTimeout("javascript:document.getElementById('see').style.display='none';",2000);document.getElementById("input1").value="";document.getElementById("input2").value="";document.getElementById("input1").focus();}}*/</script></head><form ><div><div><div>请输入密码：</div><input type="password" id="input1" name="input1"></div><div><div>请再次输入密码：</div><input type="password" id="input2" name="input2" onBlur="check()"><div style="display:none" id="see" name="see">两次密码不一致，请重输。

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判断数组是否相等的方法
要判断两个数组是否相等，可以使用多种方法。

下面我将列举几种常见的方法：
1. 逐一比较，可以编写一个函数来逐一比较两个数组中的每个元素，如果它们的元素和顺序都相同，则认为数组相等。

这种方法需要考虑元素的顺序和类型，比较起来比较繁琐，但可以确保数组完全相等。

2. 使用JSON.stringify()，可以使用JSON.stringify()方法将数组转换为字符串，然后比较两个数组的字符串表示形式。

如果两个数组包含相同的元素且顺序相同，则它们的JSON字符串表示形式也相同。

这种方法简单直接，但不能处理包含循环引用的数组。

3. 使用循环和indexOf()方法，可以使用循环遍历一个数组，并使用indexOf()方法在另一个数组中查找相同的元素。

如果两个数组的长度相同且每个元素在另一个数组中都有对应的匹配，则认为它们相等。

这种方法比较灵活，可以处理无序的数组。

4. 使用ES6的方法，在ES6中，可以使用数组的every()方法
和includes()方法来判断两个数组是否相等。

通过比较每个元素是
否在另一个数组中，并且数组的长度相同，可以判断它们是否相等。

总的来说，要判断两个数组是否相等，需要考虑元素的顺序、
类型以及数组本身的特性。

根据具体的需求，可以选择合适的方法
来进行判断。

js数字校验正则

js数字校验正则1、前言在前端开发中，经常需要校验输入框中输入的内容是否为数字类型。

而JavaScript中提供了正则表达式的使用，可以方便地对数字进行校验。

接下来，本文将结合实例详细介绍JavaScript数字校验正则表达式的使用。

2、JavaScript数字校验正则表达式常见的数字校验正则表达式有以下三种：2.1、整数类型校验整数类型可以使用以下正则表达式：```/^-?\d+$/```其中：- ^ 表示以数字开头- -? 表示可有可无的负号- \d+ 表示一个或多个数字- $ 表示以数字结尾使用示例：```javascriptconst reg = /^-?\d+$/;console.log(reg.test('-1234')); // true console.log(reg.test('1234')); // trueconsole.log(reg.test('0')); // trueconsole.log(reg.test('12a3')); // false ```2.2、浮点数类型校验浮点数类型可以使用以下正则表达式：```/^-?\d+\.?\d{0,}$/```其中：- ^ 表示以数字开头- -? 表示可有可无的负号- \d+ 表示一个或多个数字- \.? 表示小数点可有可无- \d{0,} 表示零个或多个数字- $ 表示以数字结尾使用示例：```javascriptconst reg = /^-?\d+\.?\d{0,}$/;console.log(reg.test('-1234.56')); // true console.log(reg.test('1234.56')); // trueconsole.log(reg.test('0')); // trueconsole.log(reg.test('12a3.56')); // false ```2.3、正数类型校验正数类型可以使用以下正则表达式：```/^\d+\.?\d{0,}$/```其中：- ^ 表示以数字开头- \d+ 表示一个或多个数字- \.? 表示小数点可有可无- \d{0,} 表示零个或多个数字- $ 表示以数字结尾使用示例：```javascriptconst reg = /^\d+\.?\d{0,}$/;console.log(reg.test('1234.56')); // trueconsole.log(reg.test('0')); // trueconsole.log(reg.test('-1234.56')); // false```3、总结本文通过讲解JavaScript数字校验正则表达式，介绍了三种常见的数字类型校验方法，并配有详细的使用示例。

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

//替换双引号为"// function ReplaceDoubleQuotes(strValue){ return strValue.replace('"','"'); } // //检查 FORM 里所有输入控件是否含有非法字符// function CheckUnsafeMark(frm) { for(var i=0;i<frm.length;i++) { var edit = frm.item(i); var stag = edit.tagName; if (edit.type) { var stype = edit.type; if ( (stype.toLowerCase()!="password") && (stype.toLowerCase() != ********************************* 功能:自动计算两个日期间隔天数先要检查开始日期是否大于截止日期,如果大于,返回参数: start 开始日期字符串 end 截止日期字符串 */ function GetDateDiff(strStart,strEnd) { var start = strStart; var end = strEnd; if (StrToDate(start) > StrToDate(end)) { alert("起始日期必须小于截止日期!");return; } else { var startdate = new Date(); startdate = StrToDate(start); var enddate = new Date(); enddate = StrToDate(end); var overdue = parseFloat(enddate) - parseFloat(startdate); overdue = overdue/(1000*24*60*60); return overdue; } }
<script language="javascript"> /* 下列函数返回值说明：凡是“Is”开头的函数，如果是"Is"后指明的状态，则返回真，否则为假 eg. IsNum 如果是数字，返回真某些“Check”开头的函数，如果是"Check"后指明的状态，返回假，否则为真某些则相反,请具体查看函数说明 eg. CheckEmpty 如果是空，返回假函数名解释：当有重载出现时 NP 表示没有参数（no parameter） 3P,4P 等表示参数个数(3 parameter,4 parameter) *************************************************************** 函数目录: -----------校验输入与工具类-------------------------------------------ReplaceDoubleQuotes(strValue) 替换双引号为" CheckUnsafeMark(frm) 检查参数 frm(form)对象里所有输入控件是否含有非法字符 CheckKey(KeyCode) 检查输入键是否为 0~9,a~z(A~Z),Del,-,., CheckEmptyNP() 校验触发者的值是否为空 CheckEmpty(CheckCtl,disptext) 校验输入值是否为空 CheckCardNo(CheckCtl,disptext) 校验一个合法的身份证号码(15,18 位) Trim(strSource) 清除左右两边空格 IsEmail(CheckCtl, s) 判断是否是正确的电子邮件地址 IsPhoneNumber(CheckCtl,s) 判断是否是正确的电话号码 IsLetter(CheckCtl,s) 判断是否是字母组合 IsCode(CheckCtl,s) 判断是否是数字编码组合数字和数字编码的区别: 数字编码允许 000000010 ,不允许诸如: -1290092 ,23.,.3456 等类型的值,而数字则认为是真 IsUserName(CheckCtl,s) 判断是否是正确的用户名用户名只能由小写英文字母、阿拉伯数字和下划线组成!s=null or s="" 时有默认的提示信息 IsImageFile(FilePath) 判断是否文件路径中文件是图像文件，路径可以是 url 或者 file:\\ ------------数字类----------------------------------------Round(i,digit) 取整函数,digid 为保留的小数位数 CheckPositiveInt(CheckCtl,disptext,IsCanZero) 校验一个正整数 CheckPositiveIntNP() 校验触发者的值是否为一个正整数 CheckPositiveFloat(CheckCtl,disptext,floatcount) 校验一个合法的大于等于 0 的浮点数 CheckPositiveFloatNP() 校验触发者的值是否一个合法的大于等于 0 的浮点数(2 位小数) CheckPositiveFloat4P(CheckCtl,disptext,IsCanZero,floatcount) 校验一个合法的大于 0 的浮点数,是否可以等于零由参数 IsCanZero 决定 IsCost(Costctrl) 检查费用输入，小数位为 2 位，且不能超过 SQL Server 中数据字段 money 最大值 IsNum(txtctl,message,floatcount) 校验是否是数字 CheckIntRange(CheckCtl,Min, Max,Msg) 校验一个合法的且在规定范围内的整数 CheckFloatRange(CheckCtl,Min, Max,Msg) 校验一个合法的且在规定范围内的浮点数
-----------日期类------------------------------------------GetDateDiff(strStart,strEnd) 计算两个日期间隔天数 CheckYear(strYearInput) 检查输入是否是个有效年份 AddDay(dateObj,days) 把一个日期加上 n 天 CheckDiffDate(BDateCtl,EDateCtl,Msg) 比较两个日期的大小，如果开始日期大于结束日期，返回 false; DateToStr(dateObj) 将一个日期对象转化为格式 yyyy-MM-dd 字符串 DateTimeToStr(dateObj) 将一个日期时间对象转化为形如 yyyy-MM-dd HH:mm:ss 的字符串 StrToDate(str) yyyy-MM-dd 的字符串转化为日期对象： StrToDateTime(str) 将一个 yyyy-MM-dd HH:mm:ss 的字符串转化为日期时间对象 StrToDateTime6P(year,month,day,hour,minute,second) 将一个参数构成的 yyyy-MM-dd HH:mm:ss 的字符串转化为日期时间对象 IsDate(str) 判断一个字符串是否为有效的日期并且格式是否正确 YYYY-MM-DD ----------------------------------------------------------
************************************************************* */ var maxpn=999999999999; var maxfn=999999999999.9; var numerrormsg0="请输入 0-999999999999 之内的数字"; var numerrormsg1="请输入 1-999999999999 之内的数字"; var overerrormsg="数值超过最大值 999999999999";
/* 功能：得到两个日期相差的天数（每一个月按 30 天，一年 360 天计算）该函数不精确入口参数： datestartObj: 日期对象 1 dateendObj: 日期对象 2 返回 dateendObj - datestartObj 相差的天数 */ /*function GetDayDiff(datestartObj,dateendObj) { var year=dateendObj.getFullYear() - datestartObj.getFullYear(); var month=dateendObj.getMonth() - datestartObj.getMonth(); var day=dateendObj.getDate() - datestartObj.getDate(); return year*12*30+month*30+day; }*/ /* 功能:检查输入是否是个有效年份 */ function CheckYear(strYearInput) {
continue; } } else{ var stag = edit.tagName; if (stag.toLowerCase()!="textarea"){ continue; } } var s = Trim(edit.value); if ((s.indexOf("\"")>=0)||(s.indexOf("\'")>=0)||(s.indexOf("<")>=0)||(s.indexOf(">")>=0)) { alert("不能输入包含非法字符(如\", \', <, >)的文字!"); edit.select(); edit.focus(); return false; } else continue; }//end of for return true; } //检查输入键是否为 0~9,a~z(A~Z),Del,-,.,/ //KeyDown 有效 function CheckKey(KeyCode) { Zero=48; Nine=57; Delete=46; Minus=189; Dot=190; Divide=191; Key_a=65; Key_z=90; _Zero=96; _Nine=105; _Divide=111; _Minus=109; _Dot=110; return ((KeyCode>=Key_a)&&(KeyCode<=Key_z))||((KeyCode>=Zero)&&(KeyCode<=Nine))||((Key Code>=_Zero)&&(KeyCode<=_Nine))||(KeyCode==Delete)||(KeyCode==Dot)||(KeyCode==Min us)||(KeyCode==Divide)||(KeyCode==0)||(KeyCode==_Minus)||(KeyCode==_Divide)||(KeyCode ==_Dot);