如何使用 JQuery 验证 emailid 的文本框？答案

【问题标题】：How to validate textbox for emailid using JQuery?如何使用 JQuery 验证 emailid 的文本框？
【发布时间】：2011-06-08 10:45:26
【问题描述】：

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

请尽快回复。

非常感谢。

【问题讨论】：

请接受您其他问题的一些答案。

标签： jquery asp.net html

【解决方案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;
    }

【讨论】：

【解决方案2】：

使用这样的插件：

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"
        }
    });

【讨论】：

您好 Jimplode，您能发送一个电子邮件 ID 验证规则的示例。谢谢您的回复
如何验证该文本框将仅采用 emailid。而不是使用 jquery 的任何其他文本。

【解决方案3】：

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

检查这个插件。

在我看来，如果你只想要一个验证，那真的不值得。因此，对它进行一些 REGEX 验证可能会更好。

【讨论】：