如何使用 JQuery 确定控件是否具有必填字段验证器

Question

我正在使用带有 C# 的 ASP.NET 4.5。

我有一个包含多个 asp 文本框的 aspx 页面。其中一些是在提交表格时必须填写的，而其中一些是非强制性的。

在客户端 OnBlur 事件中，我想检查文本框是否是强制性的？

对于补充文本框，我已经在表单中有必填字段验证器。还要验证我正在使用的文本框 onblur="ValidatorOnChange(event);"。

我创建了一个 JQuery 函数，该函数被称为每个控件的 onblur 事件，即在下面给出：

 $(document).ready(function () {
                disableResetButton();
                disableSaveButton();

                $("input").blur(function (event) {
                    var id = event.target.id;
                    var value = $("#" + id).val();
                    if (document.getElementById(id).className.match(/(?:^|\s)txtRequireBorder-Color(?!\S)/) && value != '') {
                        document.getElementById(id).className = document.getElementById(id).className.replace(/(?:^|\s)txtRequireBorder-Color(?!\S)/g, ' txtBorder-Color');
                    }
                    var $validator = $("[ControlToValidate=" + this.id + "]");
                    alert($validator.length);

                    //else if (document.getElementById(id).className.match(/(?:^|\s)txtRequireBorder-Color(?!\S)/)) {

                       // document.getElementById(id).className = document.getElementById(id).className.replace(/(?:^|\s)txtBorder-Color(?!\S)/g, ' txtRequireBorder-Color');

                });

                setBorder();
            });

表单上的文本框示例如下：

<tr style="vertical-align: top;">
                        <td align="left" class="formlabel2" valign="top" width="17%" id="tdFirstName">
                            <asp:Label ID="lblFName" runat="server" Text="First Name"></asp:Label>
                        </td>
                        <td align="left" valign="top" colspan="2" width="40%">
                            <asp:TextBox ID="txtFname" runat="server" CssClass="txtBoxWidthMiddle txtSingleline txtBack-Color txtRequireBorder-Color"
                                MaxLength="50" TabIndex="2" onblur="ValidatorOnChange(event);"></asp:TextBox>
                            <br />
                            <asp:RequiredFieldValidator ID="rfvFname" runat="server" ControlToValidate="txtFname"
                                ErrorMessage="First Name is required" ValidationGroup="a" Display="Dynamic"></asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revFname" runat="server" ControlToValidate="txtFname"
                                ErrorMessage="Please enter proper first name" ValidationGroup="a" Display="Dynamic"
                                ValidationExpression="^[\w. ,'#&$~@!&quot;-]*$"></asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr style="vertical-align: top;">
                        <td align="left" class="formlabel2" valign="top" width="20%">
                            <asp:Label ID="lblMName" runat="server" Text="Middle Name"></asp:Label>
                        </td>
                        <td align="left" valign="top" colspan="2">
                            <asp:TextBox ID="txtMname" runat="server" CssClass="txtSingleline txtBoxWidthMiddle txtBorder-Color txtBack-Color"
                                TabIndex="3" onKeyDown="return (event.keyCode != 13)" MaxLength="50"></asp:TextBox>
                            <br />
                            <asp:RegularExpressionValidator ID="revMname" runat="server" ControlToValidate="txtMname"
                                ErrorMessage="Please enter proper middle name" ValidationGroup="a" Display="Dynamic"
                                ValidationExpression="^[\w. ,'#&$~@!&quot;-]*$"></asp:RegularExpressionValidator>
                        </td>
                    </tr>
                    <tr>
                        <td align="left" class="formlabel2" valign="top">
                            <asp:Label ID="lblLName" runat="server" Text="Last Name"></asp:Label>&nbsp;
                        </td>
                        <td align="left" valign="top" colspan="2" width="38%">
                            <asp:TextBox ID="txtLname" runat="server" CssClass="txtBoxWidthMiddle txtSingleline txtBack-Color txtRequireBorder-Color"
                                TabIndex="4" MaxLength="50" onblur="ValidatorOnChange(event);"></asp:TextBox>
                            <br />
                            <asp:RequiredFieldValidator ID="rfvLName" runat="server" ControlToValidate="txtLname"
                                ErrorMessage="Last Name is required" ValidationGroup="a" Display="Dynamic"></asp:RequiredFieldValidator>
                            <asp:RegularExpressionValidator ID="revLname" runat="server" ControlToValidate="txtLname"
                                ErrorMessage="Please enter proper last name" ValidationGroup="a" Display="Dynamic"
                                ValidationExpression="^[\w. ,'#&$~@!&quot;-]*$"></asp:RegularExpressionValidator>
                        </td>
                    </tr>

现在，我如何确定是从强制文本框还是从非强制文本框调用模糊事件？

谢谢。

Answer 1

因为验证需要属性 'data-val-required' 试试这个：

var attr = $(this).attr('data-val-required');
if(typeof attr!=='undefined' && attr!==false){
//blah blah code
}

干杯。