如何使用JQuery驗證emailid的文本框？

Question

如何使用Jquery爲有效的電子郵件地址驗證Textbox字段？

請儘快回覆。

很多謝謝。

Answer 1

 var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; 

    var emailaddressVal = $("#txtEmail").val(); 
    if (emailaddressVal == '') { 
     $("#error").html("Please enter your email address.").css({ 'color': 'red' }); 
     return; 
    } 
    else if (!emailReg.test(emailaddressVal)) { 
     $("#error").html("Enter a valid email address.").css({ 'color': 'red' }); 
     return; 
    } 

Answer 2

使用插件，像這樣的：

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

那麼你可以做somethign這樣的：

$("#myform").validate({ 
    rules: { 
    field: { 
     required: true, 
     email: true 
    } 
    } 
}); 

或本

$("#<%=txtEmail.ClientID %>").rules("add", { 
     required: true, 
     email: true, 
     messages: { 
      required: "Email is a required field.", 
      email: "Email - Invalid email address" 
     } 
    }); 

Answer 3

http://bassistance.de/jquery-plugins/jquery-plugin-validation/

檢查此插件。

如果你只想要一個驗證，但在我看來，這並不是真的值得。所以你可能會更好一些REGEX驗證。