Question

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

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

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

对于mendatory文本框我已经在表格中有必要的字段验证器。另外要验证我使用的文本框onblur =“ValidatorOnChange（event）;”。

我创建了一个JQuery函数，它被称为每个控件的onblur事件，即给定的beolow：

 $(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
}

干杯。

如何使用JQuery确定控件是否具有required-field验证器

1 个答案: