5

我有一个可能有 10 个字段的表格。其中一个字段是复选框，默认未选中，并且表单上的许多字段仅在选中该框时才启用+必填。我已经成功地找到了如何调用 ValidatorEnable(requiredFieldValidator, true) 来处理这个问题（我已经检查了很多关于这个主题的 StackOverflow 问题）。

 function toggleStatus() {
          if ($('#ctl00_main_chkContactMe').is(':checked')) {
              $('#elementsToOperateOn :input').removeAttr('disabled');
              $('#elementsToOperateOn label').removeClass('off');
              ValidatorEnable($("[id$=RequiredFieldValidator1]")[0], true);
              ValidatorEnable($("[id$=RequiredFieldValidator2]")[0], true);
          } else {
              $('#elementsToOperateOn :input').attr('disabled', true);
              $('#elementsToOperateOn label').addClass('off');
              ValidatorEnable($("[id$=RequiredFieldValidator1]")[0], false);
              ValidatorEnable($("[id$=RequiredFieldValidator2]")[0], false);
          }
      }

但是，我遇到了一个尚未解决的问题。当我的用户选中该框并且这些字段现在已启用并需要时，我的验证器会立即触发其“此字段是必需的”消息。这是在用户甚至有机会输入任何内容之前，所以这不是一个很好的用户体验。我可以告诉验证器什么，以便它知道，即使我启用它，“这个字段还没有获得焦点，所以在有人故意将其留空之前不要显示错误消息”？

4

3 回答 3

13

我遇到了同样的问题并使用以下代码解决了它：

var myValidator = document.getElementById('<%=myValidator.ClientID %>');
ValidatorEnable(myValidator, true);
myValidator.isvalid = true;
ValidatorUpdateDisplay(myValidator);

第三行可能看起来有点奇怪，但验证器稍后将在任何更改或从页面发布时进行验证。

你也可以试试这个功能：

function myValidatorEnabler(validator, enable) {   
    validator.enabled = enable;
    ValidatorUpdateDisplay(validator);
}
于 2011-06-16T08:29:36.087 回答
0

在提交之前不要启用它们，我认为您应该能够在提交时启用它们，而不是使用通过使用 RegisterOnSubmitStatement 调用的 javascript 函数，它会在验证 afaik 之前触发。

http://msdn.microsoft.com/en-us/library/system.web.ui.clientscriptmanager.registeronsubmitstatement.aspx

这将使您不必回帖。

于 2011-06-14T13:38:43.090 回答
0

默认情况下，您的必填字段验证器已启用（如果没有，则启用）。所以只使用那些需要它禁用的条件，你就完成了。

于 2013-02-08T09:42:30.627 回答