Question

我想使用validate.js文件进行表单验证。

我遵循了这里所说的一切：http://rickharrison.github.io/validate.js/

但它没有给我任何消息。

代码有效，如果其中一个项目出错，它就不会提交，但它没有显示消息。

知道我错过了什么吗？

我的索引：

<!doctype html>
<html>
<head>
<script type="text/javascript" src="js/validate.min.js"></script>
<meta charset="utf-8">
<title>Form</title>
</head>

<body>
<table>
<td>
<form name="form">
<tr>
Voornaam: <p><input type="text" name="voornaam"></p>
</tr>
<tr>
Achternaam: <p><input type="text" name="achternaam"></p>
</tr>
<tr>
Telefoonnummer: <p><input type="text" name="telefoon"></p>
</tr>
<tr>
Emailadres: <p><input type="text" name="email"></p>
</tr>
<tr>
<input type="submit" name="submit" value="Stuur op">
</tr>
</form>
</td>
</table>

<script>
var validator = new FormValidator('form', [{
    name: 'voornaam',
    display: 'required',    
    rules: 'required'
}, {
    name: 'achternaam',
    display: 'required', 
    rules: 'required'
},{
    name: 'telefoon',
    display: 'required', 
    rules: 'numeric'
},{
    name: 'email',
    display: 'required', 
    rules: 'valid_email'
}], function(errors, event) {
    if (errors.length > 0) {
        // Show the errors
    }
});
</script>
</body>
</html>

我正在使用的validate.js文件：

validate.min.js

Answer 1

请正确阅读文档。错误处理必须由您自己可视化。您有一个接受错误信息参数的回调，但显示错误必须由您完成。

例如：

var validator = new FormValidator('form', [{...}], function(errors, event) {
    if (errors.length > 0) {
        for (var i = 0; i < errors.length; i++) {
            alert(errors[i].message);
        }
    }
});

文档提供了另一个例子。请仔细阅读。

表单验证无效，使用validate.js

1 个答案: