尝试使用jQuery在Gridview中检查验证电子邮件地址

时间:2017-02-04 18:54:09

标签: jquery asp.net gridview

我没有看到此处显示的符合我们要求的列表中的任何示例。

我们正在尝试验证几个GridView表单控件。

其中一个是电子邮件控制。

要求是:

首先,确保输入电子邮件。这有效。 第二个要求更具挑战性。第二部分是确保用户输入有效的电子邮件地址。

我尝试了几种可能性,但到目前为止还没有成功。

如何使用jQuery在GridView中检查有效的电子邮件地址?

<script type="text/javascript">
    $(function () {
        $("[id*=GridView1] [id*=btnAdd]").click(function () {
            //Find the GridView Row using the LinkButton reference.
            var row = $(this).closest("tr");
            //Find the request type TextBox control.
            var txtrequestType = row.find("[id*=txtrequestType]");
            var txtemailAdd = row.find("[id*=txtemailAdd]");

            //Find the DropDownList control.
            //  var ddlCountries = row.find("[id*=ddlCountries]");
            var message = "";
            //Validate the request type TextBox control.
            if ($.trim(txtrequestType.val()) == "") {
                message += "Please enter a new request type.\n";
            }
            //Validate the email TextBox control.
            if ($.trim(txtemailAdd.val()) == "") {
                message += "Please enter a new email address.\n";
            }
           // This validation is not working
            if (!(txtemailAdd.indexOf('@') == -1)) {
                message += "Please enter a valid email address.\n";
            }
            //Validate the DropDownList control.
            //   if (ddlCountries.val() == "") {
            //     message += "Please select Country.";
            // }
            //Display error message.
            if (message != "") {
                alert(message);
                return false;
            }
            return true;
        });
    });
</script>

1 个答案:

答案 0 :(得分:0)

if (($.trim(txtemailAdd.val()).indexOf('@') == -1)) {
    message += "Please enter a valid email address.\n";
}