jQuery validate only validates one field

Question

I am using jQuery validate to validate a form. I have two text boxes on my form and only the first one will add the "This field is required." message. If I remove the "required" class from the first one the second will have the message.

html:

<form id="questionForm">
<div><input class="required" id="value" type="text" /></div>
<div><textarea class="required" id="description"></textarea></div>
<button type="submit">Save</button>
</form>

javascript:

$("#questionForm").validate({ submitHandler: function() { 
        alert("valid");
    } 
});

Why is only one being validated?

Edit: I'm using jQuery validation plug-in 1.7

• http://bassistance.de/jquery-plugins/jquery-plugin-validation/
• http://docs.jquery.com/Plugins/Validation

Edit 2: I'm using MVC 3

Answer 1

I just ran into this issue myself. Pulled my hair out for an hour, but here it is:

Throw the "name" attribute in there as well and that may do the trick.

Answer 2

You have to enter the name attribute for every DOM element which you want to validate using the Jquery.validate() function .

Answer 3

Without knowing what validation plugin you are using, it is difficult to nail down the problem. However, it seems as though jQuery isn't loop through each of the fields, but it stops when it reaches in an invalid field. Try using the jQuery $.each() method, and using some conditionals to make sure the validation process does not stop when the validator reaches an invalid field.

Hope that helps,
spryno724

Answer 4

I think the alert is blocking the validation of both fields. After 1 alert the rest of the javascript stops. What happens if you use $('#questionForm').validate(); instead?