La validation Javascript écrase les validateurs ASP.NET

Question

J'ai un problème qui me rend fou. Sur ma page j'ai un validation Javascript et deux validateurs ASP.NET. Le résultat de la validation dépend uniquement du résultat du Javascript. Cela signifie que si le Javascript renvoie vrai les validateurs ASP.NET ne sont pas vérifiés.

Le code Javascript est:

<script type="text/javascript"> 

    function Validate() { 
     var ddlObj = document.getElementById('<%=ddStatus.ClientID%>'); 
     var txtObj = document.getElementById('<%=txtComment.ClientID%>'); 
     if (ddlObj.selectedIndex != 0) { 
      if (txtObj.value == "") { 
       alert("Any change of Status requires a comment!"); 
       txtObj.focus(); 
       return false; 
      } 
     } 
    } 
</script> 

Au lieu de cela les deux ASP.NET validateurs sont:

<td><asp:TextBox runat="server" ID="txtSerialNr" ></asp:TextBox> 
<asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidator1" ControlToValidate="txtSerialNr" ErrorMessage="***" /> 
         </td> 

<td><asp:TextBox runat="server" ID="txtProdName" ></asp:TextBox> 
<asp:RequiredFieldValidator runat="server" ID="rfv1" ControlToValidate="txtProdName" ErrorMessage="***"></asp:RequiredFieldValidator></td> 

Tout le monde peut aider? Merci

MISE À JOUR:

j'appelle le Javascript d'un bouton:

<asp:Button runat="server" ID="btnSubmit" Text="Save New Product" 
style="cursor:hand" OnClick="btnSubmit_Click" /> 

Mais j'enregistrer l'attribut du code-behind :

protected void Page_Load(object sender, EventArgs e) 
{ 
    btnSubmit.Attributes.Add("OnClientClick", "return Validate()"); 
} 

Answer 1

Vous pouvez tirer la validation du côté client à partir de la fonction Validate():

validate = function(){ 
    bool isValid = Page_ClientValidate(""); //triggers validation 
    if (isValid){ 
     var ddlObj = document.getElementById("<%=ddStatus.ClientID%>"); 
     var txtObj = document.getElementById("<%=txtComment.ClientID%>"); 
     if (ddlObj.selectedIndex != 0) { 
      if (txtObj.value == "") { 
       alert("Any change of Status requires a comment!"); 
       txtObj.focus(); 
       isValid = false; 
      } 
     } 
    } 
    return isValid; 
} 

Markup:

<asp:Button runat="server" OnClientClick="return validate();" ... /> 

Answer 2

OK, il y a un deux choses ne vont pas ici.

Si vous êtes assez préoccupé pour faire la validation, vous devez TOUJOURS faire la validation côté serveur en plus du côté client. La validation côté client est très conviviale et rapide à répondre, mais elle peut être contournée simplement en désactivant JavaScript!

Je ne vois pas où vous avez dit à vos contrôles quelle fonction JavaScript appeler quand ils valident? Vous utilisez RequiredFieldValidators qui ne nécessite pas de fonction externe, mais essayez ensuite une validation personnalisée à l'aide de votre fonction Validate().

Si vous faites finissez en utilisant un CustomValidator, alors vous devrez changer la 'signature' de votre fonction. Il doit être de la forme

function validateIt(sender, args){ 
      var testResult = //your validation test here 
      args.IsValid = testResult; 
     }