JS正则验证邮箱的格式详细介绍

by admin on 2019年9月5日

一.相关的代码
 1 function test()
 2        {
 3           var temp = document.getElementById(“text1”);
 4           //对电子邮件的验证
 5           var myreg =
/^([a-zA-Z0-9]+[_|\_|\.]澳门威斯尼人最新网站 ,?)*[a-zA-Z0-9][email protected]([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
 6           if(!myreg.test(temp.value))
 7           {
 8                alert(‘提示\n\n请输入有效的E_mail!’);
 9                myreg.focus();
10                return false;
11           }
12        }
13        //由于方法相同,一下只写出相关的正则表达式
14        //对于手机号码的验证(提供了两种方法)
15        var mobile=/^((13[0-9]{1})|159|153)+\d{8}$/;
16        var mobile1=/^(13+\d{9})|(159+\d{8})|(153+\d{8})$/;
17        //对于区号的验证
18        var phoneAreaNum = /^\d{3,4}$/;
19        //对于电话号码的验证
20        var phone =/^\d{7,8}$/;
二.解释相关的意义
     1.  /^$/ 这个是个通用的格式。
         ^ 匹配输入字符串的开始位置;$匹配输入字符串的结束位置
     2. 里面输入需要实现的功能。
        * 匹配前面的子表达式零次或多次;
       + 匹配前面的子表达式一次或多次;
       ?匹配前面的子表达式零次或一次;
       \d  匹配一个数字字符,等价于[0-9]

对于我们做WEB开发的,对表单的验证是必不可少的,所以今天把常用的一些验证罗列出来,呵呵,今天下午刚学的JS正则表达式,有什么不足的地方还希望大家批评指正。

对于我们做WEB开发的,对表单的验证是必不可少的,所以今天把常用的一些验证罗列出来,呵呵,今天下午刚学的JS正则表达式,有什么不足的地方还希望大家批评指正。

直接上表达式:reg =
/^\w+((.\w+)|(-\w+))@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+).[A-Za-z0-9]+$/;

<form action=””>
  输入:<input type=”text” name=”mazey” id=”mazey”
placeholder=”请输入邮箱”>
  <input type=”button” value=”验证” onclick=”check();”>
</form>

1 function test() 2 { 3 var temp =
document.getElementById(text1); 4 //对电子邮件的验证 5 var myreg =
/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9][email protected]([a-zA-Z0-9…

一.相关的代码

一.相关的代码

<form action=””>
  输入:<input type=”text” name=”mazey” id=”mazey”
placeholder=”请输入邮箱”>
  <input type=”button” value=”验证” onclick=”check();”>
</form>

<script>
function check(){
  var reg = new
RegExp(“^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$”);
//正则表达式
  var obj = document.getElementById(“mazey”); //要验证的对象
  if(obj.value === “”){ //输入不能为空
    alert(“输入不能为空!”);
    return false;
  }else if(!reg.test(obj.value)){ //正则验证不通过,格式不对
    alert(“验证不通过!”);
    return false;
  }else{
    alert(“通过!”);
    return true;
  }
}
</script>

复制代码 代码如下:

复制代码 代码如下:

<script>
function check(){
  var reg =
/^\w+((.\w+)|(-\w+))@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+).[A-Za-z0-9]+$/;
//正则表达式
  var obj = document.getElementById(“mazey”); //要验证的对象
  if(obj.value === “”){ //输入不能为空
    alert(“输入不能为空!”);
    return false;
  }else if(!reg.test(obj.value)){ //正则验证不通过,格式不对
    alert(“验证不通过!”);
    return false;
  }else{
    alert(“通过!”);
    return true;
  }
}
</script>


function test()
 {
  var temp = document.getElementById(“text1”);
  //对电子邮件的验证
  var myreg =
/^([a-zA-Z0-9]+[_|/_|/.]?)*[a-zA-Z0-9][email protected]([a-zA-Z0-9]+[_|/_|/.]?)*[a-zA-Z0-9]+/.[a-zA-Z]{2,3}$/;
  if(!myreg.test(temp.value))
  {
    alert(‘提示/n/n请输入有效的E_mail!’);
    myreg.focus();
   return false;
  }
 }
 //由于方法相同,一下只写出相关的正则表达式
 //对于手机号码的验证(提供了两种方法)
 var mobile=/^((13[0-9]{1})|159|153)+/d{8}$/;
 var mobile1=/^(13+/d{9})|(159+/d{8})|(153+/d{8})$/;
 //对于区号的验证
 var phoneAreaNum = /^/d{3,4}$/;
 //对于电话号码的验证
 var phone =/^/d{7,8}$/;
}

function test()
 {
  var temp = document.getElementById(“text1”);
  //对电子邮件的验证
  var myreg =
/^([a-zA-Z0-9]+[_|/_|/.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|/_|/.]?)*[a-zA-Z0-9]+/.[a-zA-Z]{2,3}$/;
  if(!myreg.test(temp.value))
  {
    alert(‘提示/n/n请输入有效的E_mail!’);
    myreg.focus();
   return false;
  }
 }
 //由于方法相同,一下只写出相关的正则表达式
 //对于手机号码的验证(提供了两种方法)
 var mobile=/^((13[0-9]{1})|159|153)+/d{8}$/;
 var mobile1=/^(13+/d{9})|(159+/d{8})|(153+/d{8})$/;
 //对于区号的验证
 var phoneAreaNum = /^/d{3,4}$/;
 //对于电话号码的验证
 var phone =/^/d{7,8}$/;
}

一、RegExp

二.解释相关的意义 1.  /^$/ 这个是个通用的格式。
     ^ 匹配输入字符串的开始位置;$匹配输入字符串的结束位置

二.解释相关的意义 1.  /^$/ 这个是个通用的格式。
     ^ 匹配输入字符串的开始位置;$匹配输入字符串的结束位置

1.1 创建RegExp对象

new RegExp("必选,正则表达式","可选,匹配模式g,i,m")
  1. 里面输入需要实现的功能。
        * 匹配前面的子表达式零次或多次;
        + 匹配前面的子表达式一次或多次;
        ?匹配前面的子表达式零次或一次;
        /d  匹配一个数字字符,等价于[0-9]
  1. 里面输入需要实现的功能。
        * 匹配前面的子表达式零次或多次;
        + 匹配前面的子表达式一次或多次;
        ?匹配前面的子表达式零次或一次;
        /d  匹配一个数字字符,等价于[0-9]

1.2 RegExp对象的方法

  • test:检索字符串中的指定值,返回True或False。
  • exec:检索字符串中的指定值,返回找到的值,没有则null。
  • complie:用于改变正则表达式,或增删匹配模式。

您可能感兴趣的文章:

  • JS正则验证多个邮箱完整实例【邮箱用分号隔开】
  • JS正则表达式验证账号、手机号、电话和邮箱是否合法
  • js与jquery正则验证电子邮箱、手机号、邮政编码的方法
  • 日常收集JS邮箱验证正则表达式
  • 比较正宗的验证邮箱的正则表达式js代码详解
  • JavaScript常用正则验证函数实例小结【年龄,数字,Email,手机,URL,日期等】
  • 利用js正则表达式验证手机号,email地址,邮政编码
  • Javascript Validation for email(正则表达式)
    英文翻译
  • js验证email的正则
  • JavaScript
    email邮箱/邮件地址的正则表达式及分析
1.2.1 test()
var r1 = new RegExp('world');
console.log(r1.test('Hello, world!')); //true
console.log(r1.test('Hello, World!')); //false
var r2 = new RegExp('world', 'i'); //大小写不敏感
console.log(r2.test('Hello, World!')); //true
var r3 = new RegExp(/world/i); //简写
console.log(r3.test('Hello, World!')); //true
1.2.2 exec()
var r1 = new RegExp('world');
console.log(r1.exec('Hello, world!')); //['world']
console.log(r1.exec('Hello, World!')); //null
var r2 = new RegExp('world', 'i'); //大小写不敏感
console.log(r2.exec('Hello, World!')); //['world']
var r3 = new RegExp(/world/i); //简写
console.log(r3.exec('Hello, World!')); //['world']
var r4 = new RegExp('o');
console.log(r4.exec('Hello, World!')); //['o']
var r5 = new RegExp('o', 'gi');
console.log(r5.exec('Hello, WOrld!')); //['o']
console.log(r5.lastIndex); //5 匹配文本的第一个字符的位置,o为4,下一个位置为5
console.log(r5.exec('Hello, WOrld!')); //['O'] 匹配完第一个o后调用继续匹配
console.log(r5.lastIndex); //9
console.log(r5.exec('Hello, WOrld!')); //null 匹配不到返回null
console.log(r5.lastIndex); //0 lastIndex重置为0
1.2.3 complie()
var r1 = new RegExp('world');
console.log(r1.exec('Hello, world!')); //['world']
r1.compile('o');
console.log(r1.exec('Hello, World!')); //['o']
r1.compile('m');
console.log(r1.exec('Hello, World!')); //null
var r2 = new RegExp('world');
console.log(r2.test('Hello, world!')); //true
r2.compile('mazey');
console.log(r2.test('Hello, world!')); //false

二、正则表达式

  • ^$:表示匹配值的开始和结尾。
  • +:1+,一个或更多。
  • *:0+,零个或更多。
  • ?:0/1,零个或一个。
  • {1,2}:1<=length<=2,长度。
  • ():表示一个表达式的组。
  • []:匹配的字符范围,我理解为一个块,很多块放在一个组()里面。

三、示例

<form action="">
输入:<input type="text" name="mazey" id="mazey" placeholder="请输入邮箱">
<input type="button" value="验证" onclick="check();">
</form>
<script>
function check(){
    var reg = new RegExp("^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$"); //正则表达式
    var obj = document.getElementById("mazey"); //要验证的对象
    if(obj.value === ""){ //输入不能为空
        alert("输入不能为空!");
        return false;
    }else if(!reg.test(obj.value)){ //正则验证不通过,格式不对
        alert("验证不通过!");
        return false;
    }else{
        alert("通过!");
        return true;
    }
}
</script>

JavaScript邮箱验证-正则验证

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图