jQuery validate only validates one field

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

Edit 2: I'm using MVC 3

Answers:

Answer

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

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

Answer

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

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?

Tags

Recent Questions

Top Questions

Home Tags Terms of Service Privacy Policy DMCA Contact Us

©2020 All rights reserved.