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.