Question

我正在使用jquery验证插件进行表单验证（http://jqueryvalidation.org/）。我有两个预计相等的passoword盒子。我想在第二个密码框之后显示错误消息，当它们不相等时。有时，不显示错误消息。我是否需要在提交按钮onclick操作中处理此问题？看起来这是一种重复。请帮我调试或解决这个问题。

感谢。

Answer 1

当光标使用validate()失去对第二个密码字段的焦点时，以及在按下回车键的情况下提交表单时，请调用jQuery.blur()。您可以使用jQuery.on()收听提交事件。

听取提交的示例：

jQuery.on("submit",function(){
   $("form").validate();
   //return false to cancel submission.
});

还可以通过验证数据服务器端是否为未使用javascript的用户（例如（Google）机器人）来证明这种白痴。

Answer 2

你必须像这样使用它：

<form id="myform">
<label for="password">Password</label>
<input id="password" name="password" />
<br/>
<label for="password_again">Again</label>
<input class="left" id="password_again" name="password_again" />
<br>
<input type="submit" value="Validate!">
</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>
$( "#myform" ).validate({
  rules: {
    password: "required",
    password_again: {
      equalTo: "#password"
    }
  }
});
</script>

jqueryvalidation显示错误消息

2 个答案: