Validation de formulaire ASP.NET Ne fonctionne pas la première fois

Question

<asp:UpdatePanel ID="LoginPanel" UpdateMode="Conditional" runat="server"> 
    <ContentTemplate> 
     <div id="login"> 
      <div class="row"> 
       <div class="label"> 
        <asp:Label ID="lblUsername" Text="<%$ Resources:Login, UserNameField %>" runat="server" /> 
       </div> 
       <div class="field"> 
        <asp:TextBox ID="txtUsername" MaxLength="12" runat="server" /> 
        <asp:RequiredFieldValidator ID="rfvUsername" ControlToValidate="txtUsername" ValidationGroup="vgLogin" SetFocusOnError="true" 
         ErrorMessage="*" ToolTip="<%$ Resources:Login, UserNameRequired %>" runat="server" /> 
       </div> 
      </div> 

      <div class="row"> 
       <div class="label"> 
        <asp:Label ID="lblPassword" Text="<%$ Resources:Login, PasswordField %>" runat="server" /> 
       </div> 
       <div class="field"> 
        <asp:TextBox ID="txtPassword" MaxLength="12" TextMode="Password" runat="server" /> 
        <asp:RequiredFieldValidator ID="rfvPassword" ControlToValidate="txtPassword" ValidationGroup="vgLogin" SetFocusOnError="true" 
         ErrorMessage="*" ToolTip="<%$ Resources:Login, PasswordRequired %>" runat="server" /> 
       </div> 
      </div> 

      <div class="row"> 
       <div class="label"> 
        <asp:Label ID="lblRemember" Text="<%$ Resources:Login, RememberField %>" runat="server" /> 
       </div> 
       <div> 
        <asp:CheckBox ID="chkRemember" Checked="true" ToolTip="<%$ Resources:Login, RememberToolTip %>" runat="server" /> 
       </div> 
      </div> 

      <div class="buttons"> 
       <asp:Button ID="btnLogin" Text="<%$ Resources:Login, Command %>" OnClick="btnLogin_Click" ValidationGroup="vgLogin" CausesValidation="true" runat="server" /> 
      </div> 
     </div> 
    </ContentTemplate> 
</asp:UpdatePanel> 

La première fois, les valideurs ne vérifient pas si les champs sont complétés ou non, le formulaire est simplement soumis quoi qu'il arrive, après ce premier hic, formulaire valide correctement chaque fois. Je sais que je peux juste demander (et devrait, indépendamment) si Page.IsValid côté serveur, mais je voudrais toujours que la validation alerte correctement l'erreur d'entrée de l'utilisateur la première fois au lieu d'attendre la réponse du serveur en premier.

Qu'est-ce que je fais mal?

Answer 1

L'ordre de chargement des fichiers JS peut poser des problèmes ici, s'il y a des dépendances entre eux. En raison de la latence aléatoire, certaines dépendances n'ont peut-être pas encore été satisfaites, ce qui entraîne la rupture des fonctionnalités. Votre console peut donner des indices si c'est le cas. Sur les chargements de page suivants tout semble bien se passer, car les fichiers JS ont été mis en cache et sont maintenant chargés sans latence dans le bon ordre.

choses à essayer:

• Jouez avec ordre d'inclusion JS
• Essayez de reporter l'utilisation de dépendances qu'après body.onload feu. Vous pouvez également essayer the rather involved solution offered on aspdotnetfaq.

Espérons que cela aide.

Answer 2

J'ai eu quelque chose de semblable se produit quand il y avait une grande quantité de javascript en cours de chargement, ou quand il y a une erreur javascript sans rapport (en général, mais pas toujours lié à la grande quantité de javascript.

Answer 3

Cela ne peut pas Je suis confronté à des problèmes similaires dans le passé.Les contrôles de validation ASP ne semblent pas vraiment "jouer" à l'intérieur de UpdatePanels Je pense que la raison en est que lorsqu'ils tentent d'effectuer tout type de validation, ils viewstate est cependant en dehors de la zone du panneau de mise à jour, ce qui signifie que vous mettez à jour le "milieu" de la page, sans que l'état de la page ne soit mis à jour, ce qui rend le Caroline du Nord. En tout cas, pour le prouver, supprimez le panneau de mise à jour de vos contrôles, soumettez votre formulaire et vérifiez si vos contrôles de validation fonctionnent. Malheureusement, pour une solution de contournement, j'ai créé des fonctions javascript personnalisées pour effectuer la validation côté client, puis également effectuer une validation côté serveur et afficher les erreurs éventuelles. Dans ces scénarios, j'ai évité d'utiliser les contrôles ASP .NET Validation.

Bonne chance = \