如何从ASP中排除控件.. NET验证时隐藏(display:none;)

Question

如何从ASP中排除控件。网络验证时隐藏?

• 复选框用于在两个文本框之间交替。

• 一个或另一个是必需的不同时。

• 我想在隐藏时禁用必填字段

我知道enabled="false"和visible="false"创建这个行为，但我想保持jquery淡出动画。

我试图添加禁用false属性到javascript，但无法让它工作。在网上找到的其他解决方案似乎并没有达到需要的效果。

ASP。

<div class="Hide1">
  <asp:TextBox ID="tb" runat="Server"/>
  <asp:RequiredFieldValidator ID="rfv1" RunAt="Server" ControlToValidate="tb"/>
</div>
<div class="Hide2">
  <asp:TextBox ID="tb2" runat="Server"/>
  <asp:RequiredFieldValidator ID="rfv2" RunAt="Server" ControlToValidate="tb2"/>
</div>
<asp:Button ID="btn" runat="Server" Text="GO"/>

JQUERY

  $('.tb').hide();
  $('#CB').change(function () {
    if ($(this).is(':checked')) {
      $('.tb2').fadeOut(100, function () {
        $('.tb').fadeIn();
      });
    } else {
      $('.tb').fadeOut(100, function () {
        $('.tb2').fadeIn();
      });
    }
  });

Answer 1

你可以试试这样

if (document.getElementById('<%=CB.ClientID%>').checked) {
   ValidatorEnable(document.getElementById('<%= rfv1.ClientID %>'), true);
   ValidatorEnable(document.getElementById('<%= rfv2.ClientID %>'), false);
   $('.tb2').fadeOut(100, function () {
        $('.tb').fadeIn();
      });
 }
 else {
       ValidatorEnable(document.getElementById('<%= rfv1.ClientID %>'), false);
       ValidatorEnable(document.getElementById('<%= rfv2.ClientID %>'), true);
       $('.tb').fadeOut(100, function () {
          $('.tb2').fadeIn();
          });
      }

注意: rfv1和rfv2是两个必需的验证器的id，请避免为验证器提供相同的id。

if (document.getElementById('<%=CB.ClientID%>').checked) {
       ValidatorEnable(document.getElementById("#<%= rfv1.ClientID %>"), true);
       ValidatorEnable(document.getElementById("#<%= rfv2.ClientID %>"), false);
       $('.tb2').fadeOut(100, function () {
            $('.tb').fadeIn();
          });
     }
     else {
           ValidatorEnable(document.getElementById("#<%= rfv1.ClientID %>"), false);
           ValidatorEnable(document.getElementById("#<%= rfv2.ClientID %>"), true);
           $('.tb').fadeOut(100, function () {
              $('.tb2').fadeIn();
              });
          }

Answer 2

只需将控件的属性"CauseValidation"设置为"False"。例如

<asp:TextBox ID="TextBox1" runat="server" CausesValidation="false"></asp:TextBox>

这必须在服务器端代码中完成。

希望对你有帮助。

编辑1

如果它必须在javascript中完成…我认为控件的可见性应该在验证

中检查。

function validate()
{
 if control is hidden
 { avoid validation
 }
 else
 {validate
 }
}

Answer 3

禁用必填字段验证器

 document.getElementById('RequiredFieldValidator1').enabled=false;

启用必需的字段验证器

 document.getElementById('RequiredFieldValidator1').enabled=true;