Validate.js不显示错误

Question

因此，我使用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>

Answer 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', [{
[...]

希望能帮助到你！

Validate.js不显示错误

问题描述

1 个解决方案

解决方案1
1 已采纳 2014-05-10 01:47:45

Validate.js不显示错误

问题描述

1 个解决方案

解决方案1 1 已采纳 2014-05-10 01:47:45

解决方案1
1 已采纳 2014-05-10 01:47:45