使用jQuery和正則表達式驗證電子郵件地址

Question

我不太確定如何做到這一點。我需要使用正則表達式驗證電子郵件地址，像這樣的東西：

[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+(?:[A-Z]{2}|com|org|net|edu|gov|mil|biz|info|mobi|name|aero|asia|jobs|museum) 

然後，我需要在jQuery的功能是這樣運行的：

$j("#fld_emailaddress").live('change',function() { 
var emailaddress = $j("#fld_emailaddress").val(); 

// validation here? 

if(emailaddress){} 

// end validation 

$j.ajax({ 
     type: "POST", 
     url: "../ff-admin/ff-register/ff-user-check.php", 
     data: "fld_emailaddress="+ emailaddress, 
     success: function(msg) 
     { 
      if(msg == 'OK') { 
      $j("#fld_username").attr('disabled',false); 
      $j("#fld_password").attr('disabled',false); 
      $j("#cmd_register_submit").attr('disabled',false); 
      $j("#fld_emailaddress").removeClass('object_error'); // if necessary 
      $j("#fld_emailaddress").addClass("object_ok"); 
      $j('#email_ac').html('&nbsp;<img src="img/cool.png" align="absmiddle"> <font color="Green"> Your email <strong>'+ emailaddress+'</strong> is OK.</font> '); 
      } else { 
      $j("#fld_username").attr('disabled',true); 
      $j("#fld_password").attr('disabled',true); 
      $j("#cmd_register_submit").attr('disabled',true); 
      $j("#fld_emailaddress").removeClass('object_ok'); // if necessary 
      $j("#fld_emailaddress").addClass("object_error"); 
      $j('#email_ac').html(msg); 
      } 
     } 
    }); 
}); 

哪裏驗證去，什麼是表達？

Answer 1

UPDATES

• http://so.devilmaycode.it/jquery-validate-e-mail-address-regex/
• 使用新的正則表達式
• 添加Address tags支持（+號）

---

function isValidEmailAddress(emailAddress) { 
    var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; 
    return pattern.test(emailAddress); 
} 

---

if(!isValidEmailAddress(emailaddress)) { /* do stuff here */ } 

• 注：keep in mind that no 100% regex查郵件的存在！

Answer 2

這是我的解決方案：

function isValidEmailAddress(emailAddress) { 
    var pattern = new RegExp(/^[+a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/i); 
    // alert(pattern.test(emailAddress)); 
    return pattern.test(emailAddress); 
}; 

研究發現，正則表達式在這裏： http://mdskinner.com/code/email-regex-and-validation-jquery

Answer 3

我們還可以使用正則表達式（/^([\w.-]+)@ （[\ w - ] +）（（。（\ w）{2,3}）+）$/i）來驗證電子郵件地址格式是否正確。

var emailRegex = new RegExp(/^([\w\.\-]+)@([\w\-]+)((\.(\w){2,3})+)$/i); 
var valid = emailRegex.test(emailAddress); 
    if (!valid) { 
    alert("Invalid e-mail address"); 
    return false; 
    } else 
    return true; 

Answer 4

我會建議你使用the jQuery plugin的Verimail.js。

爲什麼？

• IANA TLD驗證
• 語法驗證（根據RFC 822）爲最常見的TLD和電子郵件域
• 拼寫建議
• 拒絕臨時電子郵件帳戶域，如mailinator.com

怎麼樣？

納入您的網站verimail.jquery.js和使用功能：

$("input#email-address").verimail({ 
    messageElement: "p#status-message" 
}); 

如果你有一個表單，並要驗證上提交的電子郵件，您可以使用getVerimailStatus功能：

if($("input#email-address").getVerimailStatus() < 0){ 
    // Invalid email 
}else{ 
    // Valid email 
} 

Answer 5

洛爾茲好得多

function isValidEmailAddress(emailAddress) { 
     var pattern = new RegExp(/^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/); 
     return pattern.test(emailAddress); 
    }; 

Answer 6

$(document).ready(function() { 

$('#emailid').focusout(function(){ 

       $('#emailid').filter(function(){ 
        var emil=$('#emailid').val(); 
       var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 
      if(!emailReg.test(emil)) { 
       alert('Please enter valid email'); 
       } else { 
       alert('Thank you for your valid email'); 
       } 
       }) 
      }); 
}); 

Answer 7

的Javascript：

var pattern = new RegExp("^[_A-Za-z0-9-]+(\\.[_A-Za-z0-9-]+)*@[A-Za-z0-9]+(\\.[A-Za-z0-9]+)*(\\.[A-Za-z]{2,})$"); 
var result = pattern .test(str); 

正則表達式是不允許的：

abc@gmail..com 
abc@gmail.com.. 

允許使用的：

abc.efg@gmail.com 
abc@gmail.com.my 

來源：http://www.mkyong.com/regular-expressions/10-java-regular-expression-examples-you-should-know/

Answer 8

試試這個

function isValidEmailAddress(emailAddress) { 
    var pattern = new RegExp(/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/); 
    return pattern.test(emailAddress); 
}; 

Answer 9

您可以使用此功能

var validateEmail = function (email) { 

     var pattern = /^([a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+(\.[a-z\d!#$%&'*+\-\/=?^_`{|}~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+)*|"((([ \t]*\r\n)?[ \t]+)?([\x01-\x08\x0b\x0c\x0e-\x1f\x7f\x21\x23-\x5b\x5d-\x7e\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|\\[\x01-\x09\x0b\x0c\x0d-\x7f\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))*(([ \t]*\r\n)?[ \t]+)?")@(([a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\d\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.)+([a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF][a-z\d\-._~\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]*[a-z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])\.?$/i; 


     if (pattern.test(email)) { 
      return true; 
     } 
     else { 
      return false; 
     } 
    };