Validate.js not displaying errors

Question

So I'm using Validate.js to validate my forms through the front-end. But for some weird reason the errors are not being displayed. I'm also not sure if they're being validated to begin with. Any ideas?

Heres my code:

<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>

Any errors in the Javascript console?

Barmar
– Barmar

2014-05-10 01:27:33 +00:00
Commented May 10, 2014 at 1:27 — Barmar
– Barmar, Commented May 10, 2014 at 1:27
Nothing is displaying. @Barmar

user3537990
– user3537990

2014-05-10 01:28:03 +00:00
Commented May 10, 2014 at 1:28 — user3537990
– user3537990, Commented May 10, 2014 at 1:28

emco · Accepted Answer · 2014-05-10 01:47:45Z

1

According to the documentation in the validate.js page:

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

You are using the id of the form instead of the name in the validator variable. You need to add a name to your form and use it in your variable:

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

Hope it helps!

answered May 10, 2014 at 1:47

emco

4,7493 gold badges21 silver badges20 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Validate.js not displaying errors

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related