欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

常见表单正则 记录(转)

程序员文章站 2022-05-03 10:24:05
...

邮箱正则

var myreg = /^([a-zA-Z0-9_-])aaa@qq.com([a-zA-Z0-9-])+((\.[a-zA-Z0-9-]{2,3}){1,2})$/;
if(!myreg.test(this.formData.email)){
	this.$toast('请输入正确的邮箱')
}

手机号正则

var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1})|(16[0-9]{1})|(17[0-9]{1}))+\d{8})$/;
if(!myreg.test(this.formData.phone)){
	this.$toast('请输入正确的手机号')
}

正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。

// 验证帮助
		var verifyUtils = {

			// 验证输入的内容是否是空
			isNull:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /\S/;
				if(!regex.test(str)){
					alert("文本框不能为空,请输入内容!");
				}
			
			},

			// 验证输入的字符是否是英文字母
			isLetter:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[a-zA-Z]+$/;
				if(!regex.test(str)){
					alert("请输入正确的英文字母!");
				}

			//  验证日期格式是否为YYYY-MM-DD格式
			},isDate:function(idStr){
			
				var str = document.getElementById(idStr).value.trim();
				var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/;
				var r = str.match(regex); // 使用match方法获取指定字符串的值

				if(r==null){
					alert("请输入正确的日期格式!");
				}

			//  验证日期格式是否为YYYY-MM-DD hh:mm:ss格式
			},isDateTime:function(idStr){
			
				var str = document.getElementById(idStr).value.trim();
				var regex = /^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/;
				var r = str.match(regex); // 使用match方法获取指定字符串的值

				if(r==null){
					alert("请输入正确的日期格式!");
				}

			// 验证整数
			},isInteger:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[-+]?\d*$/;
				if(!regex.test(str)){
					alert("请输入正确的整数!");
				}

			// 验证双精度
			},isDouble:function(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[-\+]?\d+(\.\d+)?$/;
				if(!regex.test(str)){
					alert("请输入正确的小数!");
				}

			// 验证中文
			},isChinese(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^[\u0391-\uFFE5]+$/;
				if(!regex.test(str)){
					alert("请输入正确的中文!");
				}

			// 验证邮箱
			},isEmail(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
				if(!regex.test(str)){
					alert("请输入正确的邮箱格式!");
				}

			// 验证手机号
			},isPhone(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^1[3456789]\d{9}$/;
				if(!regex.test(str)){
					alert("请输入正确的手机号!");
				}

			// 验证身份证
			},isIdCard(idStr){
				var str = document.getElementById(idStr).value.trim();
				var regex = /^\d{6}(18|19|20)?\d{2}(0[1-9]|1[12])(0[1-9]|[12]\d|3[01])\d{3}(\d|X)$/;
				if(!regex.test(str)){
					alert("请输入正确的身份证号码!");
				}
			}
		};

匹配特定数字:

^[1-9]\d*$    //匹配正整数
^-[1-9]\d*$   //匹配负整数
^-?[1-9]\d*$   //匹配整数
^[1-9]\d*|0$  //匹配非负整数(正整数 + 0)
^-[1-9]\d*|0$   //匹配非正整数(负整数 + 0)
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*$   //匹配正浮点数
^-([1-9]\d*\.\d*|0\.\d*[1-9]\d*)$  //匹配负浮点数
^-?([1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0)$  //匹配浮点数
^[1-9]\d*\.\d*|0\.\d*[1-9]\d*|0?\.0+|0$   //匹配非负浮点数(正浮点数 + 0)
^(-([1-9]\d*\.\d*|0\.\d*[1-9]\d*))|0?\.0+|0$  //匹配非正浮点数(负浮点数 + 0)

表达式全集
正则表达式有多种不同的风格。下表是在PCRE中元字符及其在正则表达式上下文中的行为的一个完整列表:

常见表单正则 记录(转)常见表单正则 记录(转)