如何使用JQuery验证电子邮件ID的文本框？

Question

如何使用Jquery验证文本框字段的有效电子邮件地址？

请尽快回复。

非常感谢。

Answer 1

使用像这样的插件：

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

那么你可以做这样的事情：

$("#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 2

        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 3

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

检查此插件。

如果您只想进行一次验证，我认为不值得。所以你最好对它进行一些REGEX验证。