的jQuery：密码和确认密码

Question

我使用文本框的jQuery插件..我在其他文本框插件工作正常......但是当我是个我的一些文本框提供细节的jquery不工作..

这里是我的代码：

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; 
      } 

这里是我的标记代码：

<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> 

在我的密码字段

，它并没有检查用户输入是否是一样的... ...和没有按” t显示消息。

，而其他的文本框，当clickthe下一键时显示的错误是“这个字段是必须的”，而不是预先设定的消息...

一些可以帮助一个你me..thank ..

Answer 1

您需要使用name属性为验证

例：

<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> 

演示：Fiddle