使用 jQuery / javascript 启用（但不触发）RequiredValidator

Question

我有一个可能有 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);
          }
      }

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

Answer 1

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

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

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

你也可以尝试这个功能：

function myValidatorEnabler(validator, enable) {   
    validator.enabled = enable;
    ValidatorUpdateDisplay(validator);
}

Answer 2

直到提交之前才启用它们，我认为您应该能够在提交时启用它们，而不是使用使用 RegisterOnSubmitStatement 调用的 javascript 函数，据我所知，它将在验证之前触发。

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

这将使您不必回发。

Answer 3

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