1

问题：
问题是由于“ValidatorCalloutExtender”引起的，即使使用 javascript ValidatorEnable(val, enabled) 方法禁用了RequiredFieldValidator 也会触发。

可能重复：
如何不在隐藏字段（文本框）上触发 RequiredFieldValidator

请先参考这个问题。

使用 JavaScript 将可见属性设置为 false 时删除空格

在上述问题中，我的空白问题已解决，但另一个问题开始困扰我。

我将.style.display = "block";and.style.display = "none";属性用于具有 Ajax 的文本框RequiredFieldValidator。当 Style 为block时，显示 TextBox，当它为 Empty 时，RequiredFieldValidator弹出。直到不是这很好。

但是当 TextBox Display Style 设置为 时"none"，它RequiredFieldValidator会弹出页面的左上角并且不允许回发。

你能帮助我吗？？

这是JavaScript代码

<script type="text/javascript">
function OtherProof(val) {
    // or use this both works
    //var ProofType = document.getElementById("ddl_IDProof");
    //var SelectedProofType = ProofType.options[ProofType.selectedIndex].value;
    if (val == "0") {
        document.getElementById("lbl_OtherProof").style.display = "block";
        document.getElementById("tb_OtherProof").style.display = "block";
    }
    else {
        document.getElementById("lbl_OtherProof").style.display = "none";
        document.getElementById("tb_OtherProof").style.display = "none";
    }
}
</script>

这是aspx代码

//Dropdown list whoch on selected i make the textbox Display and Disappear
<asp:DropDownList ID="ddl_IDProof" runat="server"
                 onchange="OtherProof(this.options[this.selectedIndex].value);"
                  Width="155px">
                    <asp:ListItem>Driving License</asp:ListItem>
                    <asp:ListItem >Voter Card</asp:ListItem>
                    <asp:ListItem>Pan Card</asp:ListItem>
                    <asp:ListItem Value="0">Other Proof</asp:ListItem>
                </asp:DropDownList>

//Here are the label and Textbox which i make Display and Disappear
 <td><asp:Label ID="lbl_OtherProof" runat="server" Text="Other Proof" Font-Size="13px" style="display:none"></asp:Label></td>
                <td></td>
                <td>
                <asp:TextBox ID="tb_OtherProof" runat="server" Width="150px" MaxLength="30" style="display:none"></asp:TextBox>
                           <asp:FilteredTextBoxExtender ID="FilteredTextBoxExtender4" runat="server" TargetControlID="tb_OtherProof" FilterType="UppercaseLetters,LowercaseLetters,Custom" ValidChars=" "></asp:FilteredTextBoxExtender>
                           <asp:RequiredFieldValidator ID="Req_OtherProof" runat="server" ErrorMessage="Proof Name is Mandatory" ControlToValidate="tb_OtherProof" Display="None"></asp:RequiredFieldValidator>
                    <asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender7" runat="server" Enabled="True" TargetControlID="Req_OtherProof" 
                     CssClass="customCalloutStyle">
                    </asp:ValidatorCalloutExtender></td>
4

1 回答 1

1

尝试使用ValidatorEnable(val, enable)

接受一个客户端验证器和一个布尔值。启用或禁用客户端验证器。被禁用将阻止它进行评估，并且它将始终显示为有效。

   <script type="text/javascript">
  function disableValidation() {
   var val = document.getElementById('Req_OtherProof');
   ValidatorEnable(val, false);
   if (document.getElementById("ValidatorCalloutExtender7_popupTable") != null) {
      document.getElementById("ValidatorCalloutExtender7_popupTable").style.display = "none";
   }
  }

    function OtherProof(val) {
    // or use this both works
    //var ProofType = document.getElementById("ddl_IDProof");
    //var SelectedProofType = ProofType.options[ProofType.selectedIndex].value;
    if (val == "0") {
        document.getElementById("lbl_OtherProof").style.display = "block";
        document.getElementById("tb_OtherProof").style.display = "block";
    }
    else {
        document.getElementById("lbl_OtherProof").style.display = "none";
        document.getElementById("tb_OtherProof").style.display = "none";
        disableValidation();
    }
 }
    </script>
于 2012-09-26T13:30:43.053 回答