jquery: mot de passe et confirmer le mot de passe

Question

J'utilise plugin jquery pour .. dans mes zones de texte d'autres zones de texte le plugin fonctionne très bien ... mais quand ima fournir des détails pour certains de mes textboxes jquery ne fonctionne pas ..

voici mon code:

jQuery("#Merchant_Registration").validate({ 
       rules: { 
        UserN: "required", 
        pass: { 
         required: true, 
         minlength: 5 
        }, 
        confirm: { 
         minlength: 5, 
         equalTo: "#Password", 
        }, 
        question: "required", 
        answer: "required" 
       }, 
       success: function() { 
        xval = true; 
       }, 
       messages: { 
        UserN: "Please enter your last name", 
        pass: { 
         required: "Provide a password", 
         minlength: "Password length at least 5 characters!" 
        }, 
        confirm: { 
         minlength: "Password length at least 5 characters!", 
         equalTo: "Enter the same password as above" 
        }, 
        question: "Please enter a security question", 
        answer: "Please enter answer to security question" 
       } 
      }); 

      if (jQuery("#Merchant_Registration").valid()) { 
       return true; 
      } 

ici est ma marque le code:

<p> 
       <label>Username:</label> 
       <span class="field"> 
       <asp:TextBox ID="UserName" class="required" runat="server" name="UserN"></asp:TextBox> 
       </span> 
       </p> 

       <p> 
       <label>Password:</label> 
       <span class="field"> 
       <asp:TextBox ID="Password" class="required" runat="server" name="pass"></asp:TextBox> 
       </span> 
       </p> 

       <p> 
       <label>Re-type Password:</label> 
       <span class="field"> 
       <asp:TextBox ID="Password2" class="required" runat="server" name="confirm"></asp:TextBox> 
       </span> 
       </p> 

       <p> 
       <label>Security Question:</label> 
       <span class="field"> 
       <asp:TextBox ID="SecurityQ" class="required" runat="server" name="question"></asp:TextBox> 
       </span> 
       </p> 

       <p> 
       <label>Security Answer:</label> 
       <span class="field"> 
       <asp:TextBox ID="SecurityA" class="required" runat="server" name="answer"></asp:TextBox> 
       </span> 
       </p> 

dans mon champ de mots de passe, il ne vérifie pas si l'entrée utilisateur est le même ... et n » t montrer le message ..

tandis que les autres, quand textboxes Cliquezsur bouton suivant l'erreur qui est affiché est « Ce champ est obligatoire » et non les messages prédéfinis ...

quelqu'un peut aider me..thank vous ..

Answer 1

Vous devez utiliser name attribut pour le validateur

Ex:

<form id="Merchant_Registration"> 
    <p> 
     <label>Username:</label> 
     <span class="field"> 
      <input ID="UserName" name="UserN"/> 
     </span> 
    </p> 

    <p> 
     <label>Password:</label> 
     <span class="field"> 
      <input ID="Password" name="Password"/> 
     </span> 
    </p> 

    <p> 
     <label>Re-type Password:</label> 
     <span class="field"> 
      <input ID="Password2" name="Password2"/> 
     </span> 
    </p> 

    <p> 
     <label>Security Question:</label> 
     <span class="field"> 
      <input ID="SecurityQ" name="SecurityQ"/> 
     </span> 
    </p> 

    <p> 
     <label>Security Answer:</label> 
     <span class="field"> 
      <input ID="SecurityA" name="SecurityA"/> 
     </span> 
    </p> 
</form> 

Démo: Fiddle