Désactiver le bloc lorsque le validateur asp est activé

Question

J'ai le formulaire de connexion suivant et j'utilise Block UI pour bloquer le formulaire de connexion alors que la validation côté serveur est en cours, et à cause du panneau de mise à jour ce bloc ui débloque à nouveau le formulaire de connexion après panneau de mise à jour est mise à jour:

login Form:

<h1>User Login</h1> 
<asp:Label ID="lblErrorCredentials" runat="server" ForeColor="Red"></asp:Label> 
<label class="grey" for="log">Email ID:</label> 


<asp:TextBox ID="txtCustEmailID" runat="server" CssClass="field"></asp:TextBox> 

<asp:RequiredFieldValidator ID="rfvCustEmailID" runat="server" Font-Bold="False" 
Font-Size="Small" ForeColor="Red" ErrorMessage="Please Enter Valid EmailId." 
ControlToValidate="txtCustEmailID" SetFocusOnError="True"Text="*"> 
</asp:RequiredFieldValidator> 
<asp:RegularExpressionValidator ID="revCustEmailID" runat="server" 
ControlToValidate="txtCustEmailID" ErrorMessage="Invalid Email ID" Font-Bold="False" 
Font-Size="Small" ForeColor="Red" 
ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*"> 
</asp:RegularExpressionValidator> 


<label class="grey">Password:</label> 

<asp:TextBox ID="txtCustPwd" runat="server" CssClass="field"></asp:TextBox> 

<asp:RequiredFieldValidator ID="rfvCustPwd" Font-Bold="False"Font-Size="Small" ForeColor="Red" runat="server" ErrorMessage="Please Enter Your Password." 
ControlToValidate="txtCustPwd" SetFocusOnError="True" Text="*"> 
</asp:RequiredFieldValidator> 

<asp:Button ID="btnCustLogin" runat="server" Text="Login" OnClick="btnCustLogin_Click"/> 

Que fait ce ui bloc En bloquant mon div toujours, les validateurs sont activés en raison d'une entrée erronée et l'utilisateur ne peut plus réessayer de se connecter.

suivant est le code pour le bloc ui

Bloc UI:

$(document).ready(function() { 
    $('#btnCustLogin').click(function() { 
     $('div#LoginForm').block({ 

      message: '<h4>Processing</h4>', 
      css: { border: '3px solid #35a7c1' } 
     }); 

    }); 

}); 

Maintenant ce que je veux que chaque fois que mes asp validateurs sont activées ce ui bloc doit être désactivé. Sil te plait aide moi.

Answer 1

J'ai trouvé la solution en utilisant la propriété isValid javascript simple

Ce que je fais est la vérification de la validité de tous les validateurs, si tous les validateurs sont corrects et transmis alors que je fais appel ui bloc pour bloquer le formulaire de connexion comme suit: `maintenant, le formulaire de connexion

$(document).ready(function() { 
    $('#btnCustLogin').click(function() { 
     if (document.getElementById("rfvCustEmailID").isvalid && document.getElementById("revCustEmailID").isvalid && document.getElementById("rfvCustPwd").isvalid) { 
     $('div#LoginForm').block({ 

      message: '<h3><img src="Images/Loading_Smaller.gif"/> Processing...</h3>', 
      css: { 
        border: '3px solid #35a7c1', 
        width: '200px' 


       }   

      }); 

     } 

    }); 

}); 

bloque uniquement lorsque les validateurs tous sont passés et restent bloqués jusqu'à ce que la validation côté serveur terminée et les mises à jour du panneau de mise à jour.