精华内容
下载资源
问答
  • 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正则表达式 验证邮箱登入 #emailError { color: red; } [removed] = function() { /* 分析: 0.给提交按钮绑定时间 1.先获取 用户输入框的值 2.写正则表达式 3.用正则表达式...
  • jq非空验证,为空的时候input后面加红色字体的用户名不能为空。 js正则表达式验证邮箱和手机号码,验证邮箱必须含有@符,手机号码必须1开头并且固定11个字符
  • 主要介绍了js正则表达式验证邮件地址,利用javaScript语言实现一下电子邮件地址验证程序,使用的是JavaScript语言的正则表达式库,感兴趣的小伙伴们可以参考一下
  • 然后我的表单就一直没法成功调用这个函数,后面我发现,这里的跟java的不一样,reg里的正则表达式必须得用 ' / ',双引号赋值它不识别,还有下面调用test函数,上面if语句里面验证邮箱是否正确,用的email.test(reg)...

    我的代码一开始如下:

    然后我的表单就一直没法成功调用这个函数,后面我发现,这里的跟java的不一样,reg里的正则表达式必须得用 ' / ',双引号赋值它不识别,还有下面调用test函数,上面if语句里面验证邮箱是否正确,用的email.test(reg),它打开网页还是没有提示。得像下面这个才能正常调用test。 

     

     

    展开全文
  • 本文主要介绍了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' },
            ]
          }
        }
      }

    展开全文
  • 邮箱正则最正宗的一条正则语句是^[a-z0-9]+([._-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$ 下面我们来讲解一下
  • 主要为大家详细介绍了js正则表达式注册页面表单验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
  • 当用户在输入框输入邮箱后、点击验证邮箱按钮。系统给出提示信息。 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>
    
    
    展开全文
  • 验证帐号是否合法 验证规则:字母、数字、下划线组成,字母开头,4-16位。 function checkUser(str){ var re = /^[a-zA-z]\w{3,15}$/; if(re.test(str)){ alert(正确); }else{ alert(错误);...
  • 原本的没有下划线验证,新增下划线验证 ^(([^<>()\[\]\\.,;:\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
    &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&...请您输入邮箱地址:&lt;inp
  • 遗憾的是博客内容不允许包含js代码,不能在线测试,就只上代码了 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Regular Expression test</title> </head>...
  • IP 正则表达式验证

    2020-12-12 21:02:12
    javascript 手机号码正则表达式验证函数JS正则表达式验证数字代码JavaScript正则表达式验证身份证号码是否合法(两种方法)jquery正则表达式验证(手机号、身份证号、中文名称)邮箱地址正则表达式验证代码合集软件...
  • js 正则表达式验证邮箱

    千次阅读 2019-02-19 22:19:24
    <!... <title>Document 请输入邮箱" id="email"> ...实现:邮箱验证 规则: 以数字字母开头,中间可以是多个数字字母下划线或者 “-”符号 然后是@符号后边是数字字母 然后是“.”符号,加2-4个字母结尾
  • js正则表达式删除字符串前后空格 String.prototype.trim=function(){ var reSpace=/^\s*(.*?)\s*$/; return this.replace(reSpace,”$1″); }; 让我们分析一下第二行的正则表达式 ^ 行开始 \s* 匹配字符前面的所有...
  • 什么是正则表达式正则表达式(英语:Regular Expression,在代码中常简写为regex、regexp或RE)使用单个字符串来描述、匹配一系列符合某个句法规则的字符串搜索模式。 正则表达式是由一个字符序列形成的搜索...
  • 本文实例为大家分享了用正则表达式的方式实现注册登入的校验,供大家参考,具体内容如下 表单验证: 1、用户名:6–18位数字,字母,下划线_,文本域获取焦点和失去焦点出现提示文字。 2、登入密码:请输入6–20位数字...
  • 本篇文章是小编日常整理些有关js邮箱验证正则表达式,内容比较经典,特此把内容分享到脚本之家网站供大家借鉴
  • 使用正则表达式验证E-mail格式,程序完全可以运行,方便大家参考和调试
  • 需求:个人中心注册,输入邮箱,若有误,显示错误信息 效果:
  • 正则表达式常用符号 1. /^$/ 是一个通用的格式; 2. ^ 匹配输入字符串的开始位置; 3. $ 匹配输入字符串的结束位置; 2. * 匹配前面的子表达式零次或多次; 3. + 匹配前面的子表达式一次或多次; 4. ? ...
  • 对于我们做WEB开发的,对表单的验证是必不可少的,所以今天把常用的一些验证罗列出来,呵呵,今天下午刚学的JS正则表达式,有什么不足的地方还希望大家批评指正。 一.相关的代码 代码如下:function test() { var ...
  • vue组件使用正则表达式验证邮箱、手机号
  • js正则表达式邮箱格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name=...
  • //正整数校验 var reg = /^[1-9]+[0-9]*$/ ...//密码强度正则,最少6位,包括至少1个大写字母,1个小写字母,1个数字,1个特殊字符 var reg = /^.*(?=.{6,})(?=.*\d)(?=.*[A-Z])(?=.*[a-z])(?=.*[!@#$%^&
  • 正则世界,唯我独尊 编写项目的时候,多多少少都有些验证,用的时候费力气去写或者满世界的找需要的资料太麻烦 就在这里进行汇总记录,后续会不断更新不断完善 ...正则表达式之——手机号码验证.

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 13,353
精华内容 5,341
关键字:

js正则表达式验证邮箱