-
2021-06-08 16:27:39
问题描述:
使用js的正则表达式验证邮箱
注意事项:
1.在正则表达式的前后要加上^在后面要加上$否则会出现错误;
2.在使用单个字符是使用[xx]括起来
代码:
function validateEmail() {
var email = document.getElementById("email").value;
//注意事项:正则表达式必须加上^和$
var reg1 = new RegExp("^\\w+@\\w{2,6}(\\.\\w{2,3})+$","i");
//注意单个字符最好用[]括起来
var reg = /^\w+[@]\w{2,5}([.]\w{2,3}){1,3}$/i;
//email.match(reg)
if(reg.test(email)){
alert("success");
}else{
alert("defate");
}
}解析:可以把邮箱拆分为(xxxxxx@xx.xxx.xx):
@之前,\w+
@与点之间 :\w{2,5}
点之后 :(.\w{2,3})这个可以重复:所以变为:(.\w{2,3}){1,3}
组合起来就是:\w+[@]\w{2,5}([.]\w{2,3}){1,3}
再加上结尾与开始:^\w+[@]\w{2,5}([.]\w{2,3}){1,3}$
就完成了!
把他变为正则表达式:/^\w+[@]\w{2,5}([.]\w{2,3}){1,3}$/i:其中表示忽略大小写;
本文来源于网络:查看 >https://blog.csdn.net/w2232097312/article/details/52386880
更多相关内容 -
JS正则表达式 验证邮箱登入 分析
2021-01-08 10:27:11js正则表达式 验证邮箱登入 #emailError { color: red; } [removed] = function() { /* 分析: 0.给提交按钮绑定时间 1.先获取 用户输入框的值 2.写正则表达式 3.用正则表达式... -
jq非空验证,js正则表达式验证邮箱和手机号码
2019-05-22 11:22:13jq非空验证,为空的时候input后面加红色字体的用户名不能为空。 js正则表达式验证邮箱和手机号码,验证邮箱必须含有@符,手机号码必须1开头并且固定11个字符 -
js正则表达式验证邮件地址
2020-10-23 08:21:20主要介绍了js正则表达式验证邮件地址,利用javaScript语言实现一下电子邮件地址验证程序,使用的是JavaScript语言的正则表达式库,感兴趣的小伙伴们可以参考一下 -
JavaScript正则表达式验证邮箱
2021-11-21 19:38:27然后我的表单就一直没法成功调用这个函数,后面我发现,这里的跟java的不一样,reg里的正则表达式必须得用 ' / ',双引号赋值它不识别,还有下面调用test函数,上面if语句里面验证邮箱是否正确,用的email.test(reg)...我的代码一开始如下:
然后我的表单就一直没法成功调用这个函数,后面我发现,这里的跟java的不一样,reg里的正则表达式必须得用 ' / ',双引号赋值它不识别,还有下面调用test函数,上面if语句里面验证邮箱是否正确,用的email.test(reg),它打开网页还是没有提示。得像下面这个才能正常调用test。
-
js正则表达式验证密码强度【推荐】
2020-10-20 06:57:24本文主要介绍了js利用正则表达式验证密码强度的实例,具有很好的参考价值。下面跟着小编一起来看下吧 -
JS 正则表达式验证邮箱和手机号
2022-02-19 14:57:36正则表达式验证邮箱和手机号验证邮箱的正则表达式:
const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/
或
const regEmail = /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/
验证手机号的正则表达式:
const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/
data() { // 验证邮箱的规则 var checkEmail = (rule, value, cb) => { // 验证邮箱的正则表达式 const regEmail = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/ if (regEmail.test(value)) { // 合法邮箱 return cb() } cb(new Error('请输入合法的邮箱')) } // 验证手机号的规则 var checkMobile = (rule, value, cb) => { // 验证手机号的正则表达式 const regMobile = /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/ if (regMobile.test(value)) { // 合法手机号 return cb() } cb(new Error('请输入合法的手机号')) } return { // 添加表单的验证规则对象 addFormRules: { email: [ { required: true, message: '请输入邮箱', trigger: 'blur' }, { validator: checkEmail, trigger: 'blur' }, ], mobile: [ { required: true, message: '请输入手机', trigger: 'blur' }, { validator: checkMobile, trigger: 'blur' } ] } } }
不合法的提示:
合法的:
rules的另一个用法:
pattern
data() { return { // 添加表单的验证规则对象 addFormRules: { email: [ { required: true, message: '请输入邮箱', trigger: 'blur' }, { pattern: /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(\.[a-zA-Z0-9_-])+/, message: '请输入合法的邮箱', trigger: 'blur' }, ], mobile: [ { required: true, message: '请输入手机', trigger: 'blur' }, { pattern: /^(0|86|17951)?(13[0-9]|15[012356789]|17[678]|18[0-9]|14[57])[0-9]{8}$/, message: '请输入合法的手机号', trigger: 'blur' }, ] } } }
-
比较正宗的验证邮箱的正则表达式js代码详解
2020-10-27 23:05:26邮箱正则最正宗的一条正则语句是^[a-z0-9]+([._-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$ 下面我们来讲解一下 -
js正则表达式注册页面表单验证
2020-10-21 09:03:22主要为大家详细介绍了js正则表达式注册页面表单验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下 -
js中通过正则表达式验证邮箱是否合法
2022-03-31 16:58:28当用户在输入框输入邮箱后、点击验证邮箱按钮。系统给出提示信息。 2、代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> &...1、效果展示
2、问题描述
当用户在输入框输入邮箱后、点击验证邮箱按钮。系统给出提示信息。
3、代码实现
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <script type="text/javascript"> window.onload=function(){ var check=document.getElementById("btn").onclick=function(){ var email=document.getElementById("email").value;//获取输入的字符串 var emailRegExp=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;//验证邮箱的正则表达式 var ok=emailRegExp.test(email);//验证是否符合要求 if(ok){ document.getElementById("erroremail").innerText="输入的格式符合要求"; }else{ document.getElementById("erroremail").innerText="输入的格式不符合要求!!!"; } } document.getElementById("email").onfocus=function(){ document.getElementById("erroremail").innerText=""; } } </script> <input type="text" id="email" /> <span id="erroremail" style=" font: 12px; color: red;"></span> <br /> <input type="button" value="验证邮箱" id="btn" /> </body> </html>
-
JS正则表达式验证账号、手机号、电话和邮箱是否合法
2021-01-19 15:44:47验证帐号是否合法 验证规则:字母、数字、下划线组成,字母开头,4-16位。 function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert(正确); }else{ alert(错误);... -
js正则表达式验证邮箱格式是否正确
2021-07-30 10:13:12原本的没有下划线验证,新增下划线验证 ^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))... -
JS 正则表达式验证邮箱(含注释)
2019-03-11 09:45:33<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title&...请您输入邮箱地址:<inp -
JS 正则表达式验证密码、邮箱格式的实例代码
2020-12-12 12:24:40遗憾的是博客内容不允许包含js代码,不能在线测试,就只上代码了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regular Expression test</title> </head>... -
IP 正则表达式验证
2020-12-12 21:02:12javascript 手机号码正则表达式验证函数JS正则表达式验证数字代码JavaScript正则表达式验证身份证号码是否合法(两种方法)jquery正则表达式验证(手机号、身份证号、中文名称)邮箱地址正则表达式验证代码合集软件... -
js 正则表达式验证邮箱
2019-02-19 22:19:24<!... <title>Document 请输入邮箱" id="email"> ...实现:邮箱验证 规则: 以数字字母开头,中间可以是多个数字字母下划线或者 “-”符号 然后是@符号后边是数字字母 然后是“.”符号,加2-4个字母结尾 -
javascript中使用正则表达式删除前后空格的方法
2020-12-13 12:58:43js正则表达式删除字符串前后空格 String.prototype.trim=function(){ var reSpace=/^\s*(.*?)\s*$/; return this.replace(reSpace,”$1″); }; 让我们分析一下第二行的正则表达式 ^ 行开始 \s* 匹配字符前面的所有... -
JS正则表达式判断邮箱
2022-03-28 19:32:50什么是正则表达式? 正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 正则表达式是由一个字符序列形成的搜索... -
javascript使用正则表达式实现注册登入校验
2021-01-18 21:56:29本文实例为大家分享了用正则表达式的方式实现注册登入的校验,供大家参考,具体内容如下 表单验证: 1、用户名:6–18位数字,字母,下划线_,文本域获取焦点和失去焦点出现提示文字。 2、登入密码:请输入6–20位数字... -
日常收集JS邮箱验证正则表达式
2020-10-23 10:55:01本篇文章是小编日常整理些有关js邮箱验证正则表达式,内容比较经典,特此把内容分享到脚本之家网站供大家借鉴 -
使用正则表达式验证E-mail格式
2017-12-19 15:37:21使用正则表达式验证E-mail格式,程序完全可以运行,方便大家参考和调试 -
#vue# js实现正则表达式验证邮箱
2021-07-23 11:41:06需求:个人中心注册,输入邮箱,若有误,显示错误信息 效果: -
使用js正则表达式验证
2022-05-22 13:36:46正则表达式常用符号 1. /^$/ 是一个通用的格式; 2. ^ 匹配输入字符串的开始位置; 3. $ 匹配输入字符串的结束位置; 2. * 匹配前面的子表达式零次或多次; 3. + 匹配前面的子表达式一次或多次; 4. ? ... -
JS正则验证邮箱的格式详细介绍
2021-01-21 12:40:52对于我们做WEB开发的,对表单的验证是必不可少的,所以今天把常用的一些验证罗列出来,呵呵,今天下午刚学的JS正则表达式,有什么不足的地方还希望大家批评指正。 一.相关的代码 代码如下:function test() { var ... -
vue组件使用正则表达式验证邮箱、手机号
2022-02-21 17:40:57vue组件使用正则表达式验证邮箱、手机号 -
js正则表达式之邮箱格式
2022-04-07 17:06:42js正则表达式之邮箱格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name=... -
JS 正则表达式 邮箱校验
2022-05-17 15:05:48//正整数校验 var reg = /^[1-9]+[0-9]*$/ ...//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符 var reg = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^& -
正则表达式验证手机号,正则表达式验证邮箱号,正则表达式验证QQ号,正则表达式验证微信号等
2021-01-05 23:54:00正则世界,唯我独尊 编写项目的时候,多多少少都有些验证,用的时候费力气去写或者满世界的找需要的资料太麻烦 就在这里进行汇总记录,后续会不断更新不断完善 ...正则表达式之——手机号码验证.