如何使用 JQuery 确定控件是否具有必填字段验证程序
本文关键字:字段 程序 验证 是否 JQuery 何使用 控件 | 更新日期: 2023-09-27 18:33:44
我正在将 ASP.NET 4.5与C#一起使用。
我有一个包含几个asp文本框的aspx页面。其中一些是强制性的,必须在提交表格时填写,而其中一些是非强制性的。
在客户端 OnBlur 事件中,我想检查文本框是否是必需的?
对于强制性文本框,我已经在表单中提供了所需的字段验证器。同样为了验证我正在使用的文本框 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. ,'#&$~@!"-]*$"></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. ,'#&$~@!"-]*$"></asp:RegularExpressionValidator>
</td>
</tr>
<tr>
<td align="left" class="formlabel2" valign="top">
<asp:Label ID="lblLName" runat="server" Text="Last Name"></asp:Label>
</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. ,'#&$~@!"-]*$"></asp:RegularExpressionValidator>
</td>
</tr>
现在,如何确定模糊事件是从强制文本框还是从非强制文本框调用?
谢谢。
因为验证需要属性"data-val-required",所以试试这个:
var attr = $(this).attr('data-val-required');
if(typeof attr!=='undefined' && attr!==false){
//blah blah code
}
干杯。