Javascript jquery确认密码验证

Javascript jquery确认密码验证,javascript,jquery,jquery-validate,Javascript,Jquery,Jquery Validate,我正在使用jquery进行表单验证。除确认密码字段外,其余字段正常。即使输入了相同的密码,请输入相同的密码。也不会被删除 我的剧本是: <script type="text/javascript"> $(document).ready(function() { $("#form1").validate({ rules: { password: { required: true, minlen

我正在使用jquery进行表单验证。除确认密码字段外,其余字段正常。即使输入了相同的密码,请输入相同的密码。也不会被删除

我的剧本是:

  <script type="text/javascript">
    $(document).ready(function() {
      $("#form1").validate({
        rules: {
          password: { 
                required: true, minlength: 5
          }, 
          c_password: { 
                required: true, equalTo: "#password", minlength: 5
          }, 
        email: {
          required: true, email: true
          },
        phone: {
          required: true, number: true, minlength: 7
          },
        url: {
          url: true
        },
        description: {
          required: true
        },
        gender: {
             required: true
          }
        },
        messages: {
         description: "Please enter a short description.",
         gender: "Please select your gender."

        }
      });
    });
     -->
  </script>

$(文档).ready(函数(){
$(“#表格1”)。验证({
规则:{
密码:{
必填项:true,最小长度:5
}, 
密码:{
必填项:true,等号:“#密码”,最小长度:5
}, 
电邮:{
必填项:true,电子邮件:true
},
电话:{
必填项:true,数字:true,最小长度:7
},
网址:{
网址:true
},
说明:{
必填项:true
},
性别:{
必填项:true
}
},
信息:{
描述:“请输入简短的描述。”,
性别:“请选择您的性别。”
}
});
});
-->
在表单标签内:

<div class="form-row"><span class="label">Password</span><input type="password" name="password" class="required" id="password" /></div>

<div class="form-row"><span class="label">Confirm Password</span><input type="password" name="c_password" id="c_password" /></div>
密码
确认密码
有什么建议吗?
非常感谢您的帮助。

请确保您的密码输入文本具有id“password”

您的字段没有id属性。 在jQuery中,“#password”选择器表示“具有
id
属性且值为
'password'
的对象”

您的代码应该如下所示:

<input type="password" name="password" id="password" class="required"/>

确保同一页面中没有其他带有标签
id='password'
的输入

rules: {
没有关门。将另一个
}
放在:

messages: {
   description: "Please enter a short description.",
   gender: "Please select yor gender."
}

这也是关于元素ID的答案。

我在使用camelCase ID进行密码输入时遇到了一些问题。我终于用不同的“名字”和“身份证”工作了

<input type="password" id="pass" placeholder="New password" name="newPassword">
<input type="password" id="pass2" placeholder="New password" name="repeatNewPassword">
<input type="email" id="inputNewEmail" name="newEmail" placeholder="New email">
<input type="email" id="repeatNewEmail" name="repeatNewEmail" placeholder="New email>
因此,通过输入字段的“名称”引用输入字段,但使用“id”定义equalTo deppendency。我不确定camelCase的问题,因为它的电子邮件输入是有效的,但根据我的经验,完全相同的密码输入命名法不起作用


<input type="password" id="password" class="nomal required error" value="" name="cpassword">

<input type="password" equalto="#password" class="nomal required error" value="" name="cpassword">
如果($(“#新密码”).val()!==($(“#新密码”).val()){
$('#newpasswordId').html('您的密码不匹配');
$(“#新密码”).val(“”);
$(“#密码”).val(“”);
$('#newpassword').css(“边框”,“FF0000实心1px”)
$(“#密码”).css(“边框”,“#FF0000实心1px”)
$(“#新密码”).focus();
返回false;
}

您从哪里获得这些ID的?它们与问题中的不匹配。仅仅复制项目的一部分不太可能帮助任何人。还要注意的是,这个问题已经有两年了。
<input type="password" id="password" class="nomal required error" value="" name="cpassword">

<input type="password" equalto="#password" class="nomal required error" value="" name="cpassword">
if($("#newpassword").val()!== ($("#conformpassword").val())){
    $('#newpasswordId').html('<font color="red">Your password does not match</font>');
    $("#newpassword").val('');
    $("#conformpassword").val('');
    $('#newpassword').css("border", "#FF0000 solid 1px")
    $('#conformpassword').css("border", "#FF0000 solid 1px")
    $("#newpassword").focus();

    return false;
}