我有一个网络表单,我希望用户能够在不进行完整回发的情况下重置表单(我知道这是最简单的方法)。
我正在使用带有标注的 asp.net 验证器,没什么太花哨的。
<asp:TextBox ID="txtWarranty" MaxLength="50" runat="server" />
<asp:RequiredFieldValidator ID="rfvWarrantyID" runat="server" Display="None"
ControlToValidate="txtWarranty" ErrorMessage="Warranty ID is required"></asp:RequiredFieldValidator>
<ajaxToolkit:ValidatorCalloutExtender ID="vceWarrantyID" HighlightCssClass="wpcf7-not-valid" TargetControlID="rfvWarrantyID"
runat="server" />
当用户重置表单时,我想清除所有字段并重置所有验证器。它在大多数情况下都有效。
function ResetWarrantyForm() {
document.forms[0].reset();
ClearValidation();
}
function ClearValidation() {
var validators = window.Page_Validators;
for (var i = 0; i < validators.length; i++) {
validators[i].IsValid = true;
window.ValidatorUpdateDisplay(validators[i]);
try {
var callOutId = validators[i].ValidatorCalloutBehavior._id;
var callOut = window.$find(callOutId);
if (callOut)
callOut.hide();
}
catch (e) { }
validators[i].IsValid = true;
window.ValidatorUpdateDisplay(validators[i]);
}
if (typeof (window.Page_ValidationSummaries) != "undefined") { //hide the validation summaries
for (var sums = 0; sums < window.Page_ValidationSummaries.length; sums++) {
var summary = window.Page_ValidationSummaries[sums];
summary.style.display = "none";
}
}
$("input[type='text'], select").removeClass("wpcf7-not-valid").removeClass("comboboxNotValid");
}
问题是一旦验证被评估。输入设置为验证焦点。因此,当表单重置时,用户单击文本框。他们立即被告知他们的输入是无效的,即使他们还没有做任何事情。
在第一个页面加载时,这些字段在单击按钮之前不会生效。但是在第一个按钮之后,单击字段验证焦点和模糊。
有没有办法像第一次加载一样重置该行为?