jquery validation plugin error placement

Question

I am using Jquery Validation Plugin. Here's my question - I have a simple form which is like this

<form id="form">
   <label>Name</label>
       <input type="text" name="name" id="name" class="required" minlength="2">
   <span></span>
   <label>Surname</label>
       <input type="text" name="surname" id="surname" class="required" minlength="2>
   <span></span>
   <input type="submit" value="submit">
</form>

The validation script is customized like this -

$(function(){
$("#form").validate({
    messages: {
        name: "Please enter name.",
        surname: "Please enter surname."    
    },
    errorElement: "span",   
    errorPlacement: function(error, element) {
            error.insertAfter(element);
        }   
});
});

The problem is, both the error messages are displayed in the first span tag. How can I correct that. Any suggestions as how to go about this?

Thanks!

I think this will help you : stackoverflow.com/questions/2969381/… — r0skar
– r0skar, Commented Oct 3, 2011 at 10:31

Jayendra · Accepted Answer · 2011-10-03 10:36:52Z

1

Update the html to use label for

<label for="name">

Try - http://jsfiddle.net/EUWEE/1/

answered Oct 3, 2011 at 10:36

Jayendra

52.8k4 gold badges83 silver badges90 bronze badges

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

Collectives™ on Stack Overflow

jquery validation plugin error placement

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related