Validate.js 不显示错误答案

【问题标题】：Validate.js not displaying errorsValidate.js 不显示错误
【发布时间】：2014-05-10 09:47:45
【问题描述】：

所以我使用Validate.js 通过前端验证我的表单。但是由于一些奇怪的原因，错误没有被显示出来。我也不确定他们是否一开始就被验证。有什么想法吗？

这是我的代码：

<html>
<head>
<script type="text/javascript" src="validate.js"></script>
</head>
<body>
<form id="form1">
<input type="text" name="name" placeholder="Name"><br>
<input type="text" name="email" placeholder="Email"><br>
<input type="password" name="password" placeholder="Password"><br>
<input type="submit" value="Submit">
 </form>
  <script>
var validator = new FormValidator('form1', [{
    name: 'name',
    display: 'required',
    rules: 'required'
}, {
    name: 'email',
    rules: 'valid_email'
}, {
    name: 'password',
    rules: 'required'
}, {
    name: 'password_confirm',
    display: 'password confirmation',
    rules: 'required|matches[password]'
}], function(errors, event) {
    if (errors.length > 0) {
        // Show the errors
    }
});
</script>
 </body>
 </html>

【问题讨论】：

Javascript 控制台中是否有任何错误？
什么都没有显示。 @Barmar

标签： javascript html forms validation

【解决方案1】：

根据 validate.js 页面中的文档：

The formName passed in to validate must be the exact value of the name attribute of the form

您使用的是表单的 ID，而不是 validator 变量中的名称。您需要在表单中添加一个名称并在变量中使用它：

<form id="form1" name="myForm">
[...]
<script>
var validator = new FormValidator('myForm', [{
[...]

希望对你有帮助！

【讨论】：