jquery验证显示错误信息答案

【问题标题】：jqueryvalidation show error messagejquery验证显示错误信息
【发布时间】：2016-01-26 12:41:08
【问题描述】：

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

谢谢。

【问题讨论】：

请添加一些代码或小提琴。

标签： javascript jquery html css validation

【解决方案1】：

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

监听提交示例：

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

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

【讨论】：

【解决方案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>

【讨论】：