JS正则表达式的验证方法

发布时间：2021-08-13 21:29:35 来源：亿速云阅读：112 作者：chen 栏目：互联网科技

这篇文章主要介绍“JS正则表达式的验证方法”，在日常操作中，相信很多人在JS正则表达式的验证方法问题上存在疑惑，小编查阅了各式资料，整理出简单好用的操作方法，希望对大家解答”JS正则表达式的验证方法”的疑惑有所帮助！接下来，请跟着小编一起来学习吧！

//判断输入内容是否为空 
function IsNull(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length==0){ 
alert('对不起，文本框不能为空或者为空格!');//请将“文本框”改成你需要验证的属性名称! 
} 
} 
//判断日期类型是否为YYYY-MM-DD格式的类型 
function IsDate(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})/; 
var r = str.match(reg); 
if(r==null) 
alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称! 
} 
} 
//判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型 
function IsDateTime(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
var r = str.match(reg); 
if(r==null) 
alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称! 
} 
} 
//判断日期类型是否为hh:mm:ss格式的类型 
function IsTime() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/ 
if(!reg.test(str)){ 
alert("对不起，您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称! 
} 
} 
} 
//判断输入的字符是否为英文字母 
function IsLetter() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z]+$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称! 
} 
} 
} 
//判断输入的字符是否为整数 
function IsInteger() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的字符是否为双精度 
function IsDouble(val) 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-\+]?\d+(\.\d+)?$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的双精度类型格式不正确!");//请将“双精度类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的字符是否为:a-z,A-Z,0-9 
function IsString() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z0-9_]+$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的字符是否为中文 
function IsChinese() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[\u0391-\uFFE5]+$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的EMAIL格式是否正确 
function IsEmail() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的邮编(只能为六位)是否正确 
function IsZIP() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\d{6}$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的数字不大于某个特定的数字 
function MaxValue() 
{ 
var val = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){//判断是否为数字类型 
if(val>parseInt('123')) //“123”为自己设定的最大值 
{ 
alert('对不起，您输入的数字超出范围');//请将“数字”改成你要验证的那个属性名称！ 
} 
} 
} 
} 
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/; 
var r = str.match(reg); 
if(r==null) 
alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称! 
} 
} 
//判断日期类型是否为YYYY-MM-DD hh:mm:ss格式的类型 
function IsDateTime(){ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
var reg = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/; 
var r = str.match(reg); 
if(r==null) alert('对不起，您输入的日期格式不正确!'); //请将“日期”改成你需要验证的属性名称! 
} 
} 
//判断日期类型是否为hh:mm:ss格式的类型 
function IsTime() 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^((20|21|22|23|[0-1]\d)\:[0-5][0-9])(\:[0-5][0-9])?$/ 
if(!reg.test(str)){ alert("对不起，您输入的日期格式不正确!");//请将“日期”改成你需要验证的属性名称! 
} 
} 
} 
//判断输入的字符是否为英文字母 
function IsLetter() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z]+$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的英文字母类型格式不正确!");//请将“英文字母类型”改成你需要验证的属性名称! 
} 
} 
} 
//判断输入的字符是否为整数 
function IsInteger() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-+]?\d*$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的整数类型格式不正确!");//请将“整数类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的字符是否为双精度 function IsDouble(val) 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[-\+]?\d+(\.\d+)?$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的双精度类型格式不正确!");//请将“双精度类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的字符是否为:a-z,A-Z,0-9 
function IsString() 
{ 
var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^[a-zA-Z0-9_]+$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} 
} 
} 
//判断输入的字符是否为中文 
function IsChinese() 
{ 
var str = document.getElementById('str').value.trim(); if(str.length!=0){ 
reg=/^[\u0391-\uFFE5]+$/; if(!reg.test(str)){ alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} } } //判断输入的EMAIL格式是否正确 function IsEmail() 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; if(!reg.test(str)){ 
alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} } } 
//判断输入的邮编(只能为六位)是否正确 
function IsZIP() 
{ var str = document.getElementById('str').value.trim(); 
if(str.length!=0){ 
reg=/^\d{6}$/; 
if(!reg.test(str)){ 
alert("对不起，您输入的字符串类型格式不正确!");//请将“字符串类型”要换成你要验证的那个属性名称！ 
} 
} } 
//判断输入的数字不大于某个特定的数字 
function MaxValue() 
{ 
var val = document.getElementById('str').value.trim(); 
if(str.length!=0){

reg=/^[-+]?\d*$/; 
if(!reg.test(str)){//判断是否为数字类型 
if(val>parseInt('123')) //“123”为自己设定的最大值 
{ 
alert('对不起，您输入的数字超出范围');//请将“数字”改成你要验证的那个属性名称！ 
} 
} 
} 
} 
Phone : /^((\(\d{2,3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}(\-\d{1,4})?/ 
Mobile : /^((\d2,3\d2,3)|(\d{3}\-))?13\d{9}/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/Url:/http:\/\/[A−Za−z0−9]+\.[A−Za−z0−9]+[\/=\?/ 
IdCard : /^\d{15}(\d{2}[A-Za-z0-9])?/QQ:/[1−9]\d4,8/QQ:/[1−9]\d4,8/

某种特殊金额：/^((\d{1,3}(,\d{3})*)|(\d+))(\.\d{2})?$/

//说明：除“XXX XX,XXX XX,XXX.00”格式外
//为上面提供各个JS验证方法提供.trim()属性 
String.prototype.trim=function(){ 
return this.replace(/(^\s*)|(\s*$)/g, ""); 
}

调用：

<input type="text" name="str" >
<input type="button" value=" 确定 " onClick=""> //onClick中写自己要调用的JS验证函数

到此，关于“JS正则表达式的验证方法”的学习就结束了，希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习，快去试试吧！若想继续学习更多相关知识，请继续关注亿速云网站，小编会继续努力为大家带来更多实用的文章！

向AI问一下细节

JS正则表达式的验证方法

猜你喜欢

最新资讯

相关推荐

相关标签