js验证邮箱格式 js验证email地址是否正确

发布时间:2020-10-10编辑:脚本学堂
本文介绍了js验证email邮箱格式是否正确的方法,验证邮箱输入的格式是否正确?需要的朋友参考下。

例1,验证邮箱输入的格式是否正确。
 

复制代码 代码示例:
<script language="javascript" type="text/javascript" > 
/**
 * Check email format
 */ 
function emailCheck(obj, labelName) { 
    var objName = eval("document.all."+obj); 
    var pattern = /^([.a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; 
    if (!pattern.test(objName.value)) { 
        alert("请输入正确的邮箱地址。"); 
        objName.focus(); 
        return false; 
    } 
    return true; 
}
</script> 
 
email:
<input type="text" id="email" name="email" maxlength="30" onblur="return emailCheck('email', 'email')" style="text-align: left; width:300px;" /> 
之前我们曾介绍过JavaScript验证Email邮箱格式的三种方法,其中主要也是使用了正则表达式来判断邮箱格式正确与否,因此, 我们有理由判断js结合正则可以更灵活高效地检测邮箱email地址是否正确。

接下来再举二个js验证email地址格式的例子,以加深对这块的理解。 

例2,JS验证电子邮件地址格式
 

复制代码 代码示例:
<script type="text/javascript">       
function isValidMail() {           
  var TextVal = document.getElementById("TextBox1").value;           
  var Regex = /^(?:w+.?)*w+@(?:w+.)*w+$/;           
  if (Regex.test(TextVal)){               
  alert(true);           
  }           
  else {               
  if (TextVal == "") {                   
    alert("请输入电子邮件地址!!");                   
  return false;               
  }               
  else {                   
  alert("您好,你输入不正确,请重新输入;");                   
     document.getElementById("TextBox1").value = "";                   
  return false;               
    }           
  }       
}   
</script>
<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>   
<asp:Button ID="Button3" runat="server" Text="Button"  OnClientClick="return isValidMail()" OnClick="Button3_Click" />

例3,JS正则验证邮箱的格式
代码:
 

复制代码 代码示例:
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('提示nn请输入有效的E_mail!');
     myreg.focus();
     return false;
 } // www.jb200.com
 }
//由于方法相同,一下只写出相关的正则表达式
//对于手机号码的验证(提供了两种方法)
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}$/;

代码含义说明:
1、/^$/ 这个是个通用的格式。
^ 匹配输入字符串的开始位置;$匹配输入字符串的结束位置

2、其中输入需要实现的功能。
* 匹配前面的子表达式零次或多次;
+ 匹配前面的子表达式一次或多次;
?匹配前面的子表达式零次或一次;
d  匹配一个数字字符,等价于[0-9]