单个文本框上的多重验证控件
本文关键字:验证 控件 文本 单个 | 更新日期: 2023-09-27 18:33:01
我在 asp.net 中验证了一个文本框,我添加了两个验证控件,其中第一个验证日期的格式,第二个验证将来的数据。
现在的问题是两个验证同时触发。我希望首先检查日期是否有效,然后我想触发范围验证器。
<asp:TextBox Enabled="True" runat="server" size="8" MaxLength="10" meta:resourcekey="txtTravelerDOBResource2">mm/dd/yyyy</asp:TextBox>
<asp:RangeValidator ID="rangeValidator" ControlToValidate="txtTravelerDOB" MaximumValue="09/25/2013" MinimumValue="1/1/2012" Type="Date" ErrorMessage="Future Date Not allowed" runat="server"></asp:RangeValidator>
<asp:RegularExpressionValidator Enabled="True" ID="rgxDOB" runat="server" ControlToValidate="txtTravelerDOB"
Display="Dynamic" ErrorMessage="Date is not valid"
ValidationExpression="^(((0?[13578]|1[02])['/](0?[1-9]|[12]'d|3[01])['/]((1[6-9]|[2-9]'d)?'d{2}))|((0?[13456789]|1[012])['/](0?[1-9]|[12]'d|30)['/]((1[6-9]|[2-9]'d)?'d{2}))|(0?2['/](0?[1-9]|1'd|2[0-8])['/]((1[6-9]|[2-9]'d)?'d{2}))|(0?2['/]29['/]((1[6-9]|[2-9]'d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00)))$"
></asp:RegularExpressionValidator>
我尝试使用 javascript 启用禁用验证控件,如下所示。
function isGoodDate(){
var value=$("#ctl09_ctl00_ctl00_ctl00_rptTravelers_ctl01_txtTravelerDOB").val();
var v=$("#ctl09_ctl00_ctl00_ctl00_rptTravelers_ctl02_txtTravelerDOB").val();
var reGoodDate = /^((0?[1-9]|1[012])[- /.](0?[1-9]|[12][0-9]|3[01])[- /.](19|20)?[0-9]{2})*$/;
console.log(value);
if(reGoodDate.test(value))
{
$.each(Page_Validators, function (index, validator){
if (validator.validationGroup == "x"){
ValidatorEnable(validator, true);
}
});
}
else
{
ValidatorEnable(validator, false);
}
if(reGoodDate.test(v))
{
$.each(Page_Validators, function (index, validator){
if (validator.validationGroup == "y"){
ValidatorEnable(validator, true);
}
});
}
else
{
ValidatorEnable(validator, false);
}
}
首先,所有验证器不会同时触发。它们看起来如此,因为它发生在几分之一秒内。
您在.aspx
页面中添加的验证程序,它们将按照创建/添加到页面的相同顺序添加到Page.Validators
集合中。验证按它们在Page.Validators
集合中出现的顺序运行。因此,aspx 文件中的第一个验证程序在 Page.Validators 中是第一个。如果您想重新排列顺序,那么正确的方法是按照您希望它们触发的相同顺序排列页面中的验证器。
注意:验证器将逐个触发。 如果你不希望下一个验证器被触发,你可以使用 Javascript 来禁用下一个验证器。 在第一个验证器中调用客户端验证函数
<asp:CustomValidator ID="CustomValidator1" runat="server" ControlToValidate="TextBox3"
ClientValidationFunction="disableNextVal" .... />
示例 JavaScript 代码
function disableNextVal()
{
// firstly check here for first condition, if First condition fails,
// disable the next validator as below.
var nextVal = document.getElementById('nextValidatorClientID');
ValidatorEnable(myVal, false);
// or use this one:
myVal.enabled = false;
}
但是,下面提到了另一种解决方案,可能是更好的解决方案。
在这些情况下,在 TextBox 中输入的值应传递多个条件,例如:数据格式、值应大于某个所需的最小值等,使用 CustomValidator
控件总是好的。
在此自定义验证器控件中,逐个检查每个条件。如果第一个条件失败:日期无效,请不要检查其他条件,并仅显示第一个条件的错误消息。同样,如果第二个条件失败:范围无效,则仅显示第二个失败条件的消息。
<asp:CustomValidator ID= "valxTextBox" runat="server"Enabled="true"
ControlToValidate="txtDate"
ClientValidationFunction ="ValidateTxtDate"
ValidateEmptyText="true"
OnServerValidate="valxTextBox_ValidatePostalCode"
></asp:CustomValidator>
如您所见,这使您可以灵活地定义自定义客户端以及用于验证的服务器端事件。
在服务器验证中,逐个检查条件,并在发现一个失败时立即返回。
要根据正则表达式验证数据,请使用 Regex
类System.Text.RegularExpressions
命名空间。
protected void valeEmailAddress_txtEmailAddressValidate(object sender,
ServerValidateEventArgs e)
{
string MaximumValue="09/25/2013";
string MinimumValue="1/1/2012";
// check for first condition
if(txtTravelerDOB >MaximumValue ||txtTravelerDOB < MinimumValue )
{
// sample code here
// if failing, set IsValid to false
e.IsValid = false;
// dynamically set the error message as per first condition
valxTextBox.ErrorMessage ="Not a valid date";
}
// check for second condition
// read the expression pattern from appSettings
if(!Regex.Match(txtTravelerDOB.Text.Trim(),
WebConfigurationManager.AppSettings("travelerDOBRegEX")).Success)
{
// if fails,
e.IsValid = false;
valxTextBox.ErrorMessage ="Format is Invalid";
}
}
应用设置值:
<add key="travelerDOBRegEX" value="^(((0?[13578]|1[02])['/](0?[1-9]|[12]'d|3[01])['/]((1[6-9]|[2-9]'d)?'d{2}))|((0?[13456789]|1[012])['/](0?[1-9]|[12]'d|30)['/]((1[6-9]|[2-9]'d)?'d{2}))|(0?2['/](0?[1-9]|1'd|2[0-8])['/]((1[6-9]|[2-9]'d)?'d{2}))|(0?2['/]29['/]((1[6-9]|[2-9]'d)?(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00)|00)))$"/>