Javascript jQuery验证-检查两个密码是否相等_Javascript_Jquery_Validation

Javascript jQuery验证-检查两个密码是否相等

javascript jquery validation

Javascript jQuery验证-检查两个密码是否相等,javascript,jquery,validation,Javascript,Jquery,Validation,我在这里遇到了一些问题，我的设计中集成了更改密码的简单引导表单，我想用jQuery验证它我想要的很简单，检查两个密码是否相同，如果不相同，则显示一些错误消息我的HTML看起来像： <div class="container"> <div class="row vertical-center"> <br> <div class="col-md-6 col-md-offset-3">

我在这里遇到了一些问题，我的设计中集成了更改密码的简单引导表单，我想用jQuery验证它

我想要的很简单，检查两个密码是否相同，如果不相同，则显示一些错误消息

我的HTML看起来像：

   <div class="container">
        <div class="row vertical-center">
        <br>
        <div class="col-md-6 col-md-offset-3">
        <br>
        <form role="form" action="" method="post">
          <div class="form-group">
            <label for="exampleInputEmail1">Meno (email)</label>
            <input class="form-control" id="disabledInput" type="text" placeholder="my@email.com" disabled>
          </div>
          <div class="form-group">
            <label for="text">Staré heslo</label>
            <input type="password" class="form-control" id="exampleInputEmail1" placeholder="Vložťe vaše aktuálne heslo" name="password-old">
          </div>
          <div class="form-group">
            <label for="password">Nové heslo</label>
            <input type="password" class="form-control" id="exampleInputEmail1" placeholder="Vložťe vaše nové heslo" name="password">
          </div>
          <div class="form-group">
          <label for="password_again">Again</label>
            <input type="password" class="form-control" id="exampleInputEmail1" placeholder="Vložťe znova vaše nové heslo" name="password_again">
          </div>                    
          <button type="submit" class="btn btn-default">Zmeniť heslo</button>
        </form>
        </div>   
        </div>
    </div>

我想补充一些东西，比如：

<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
// just for the demos, avoids form submit
jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});
$( "#myform" ).validate({
  rules: {
    password: "required",
    password_again: {
      equalTo: "#password"
    }
  }
});
</script>

同样的脚本在我的其他代码中非常适合我，所以看起来我是瞎子或者我不知道我在哪里犯了错误

伙计们，你们中有人能在几天不看我的代码的情况下看看这个，告诉我我做错了什么吗

谢谢

这对我很有用：

<!DOCTYPE html>
<html>
<head>
    <title>Untitled Document</title>
    <meta charset="UTF-8">
    <meta name="description" content="" />
    <meta name="keywords" content="" />

    <link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
</head>
<body>
    <form id="myform">
        <div class="form-group">
            <label for="exampleInputEmail1">Meno (email)</label>
            <input class="form-control" id="disabledInput" type="text" placeholder="my@email.com" disabled>
        </div>
        <div class="form-group">
            <label for="text">Staré heslo</label>
            <input type="password" class="form-control" id="exampleInputEmail1" placeholder="Vložťe vaše aktuálne heslo" name="password-old">
        </div>
        <div class="form-group">
            <label for="password">Nové heslo</label>
            <input type="password" class="form-control" id="password" placeholder="Vložťe vaše nové heslo" name="password">
        </div>
        <div class="form-group">
            <label for="password_again">Again</label>
            <input type="password" class="form-control" id="password_again" placeholder="Vložťe znova vaše nové heslo" name="password_again">
        </div>
        <button type="submit" class="btn btn-default">Zmeniť heslo</button>
    </form>

        <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
        <script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
        <script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
        <script>
            jQuery.validator.setDefaults({
                debug: true,
                success: "valid"
            });
            $("#myform").validate({
                rules: {
                    password: "required",
                    password_again: {
                        equalTo: "#password"
                    }
                }
            });
        </script>
</body>
</html>

使用html中的“myform”在哪里？实际上formvalidator.net看起来很酷。但是有没有一种方法可以编辑JS中的默认答案，比如：密码不强，我想显示翻译后的版本。对于formvalidator.net，您可以创建一个包含消息的对象，并将其传递给语言选项。在此之前，请回答caslaner的问题。您对不同的输入字段使用相同的ID，这是一个编号。在您的代码中，您引用的输入ID为密码，但没有一个输入具有该ID。请查看演示并从那里开始。