Jquery validate error message placement location

Question

I am trying to use jquery validate plugin on my 5 questions quiz form. But I have issue with how to display the validated error message for require field.

My form is something like this:

<form id="quiz">
<table width="100%">
<tbody>
<tr id="qntr">
    <td id="qntd">My question 1</td>
    <!-- if field is empty, validate error message to appear over here -->
</tr>
<tr id="anstr">
    <td id="anstd">
    <table><tr>
        <td>Choice 1</td>
        <td>Choice 2</td>
        <td>Choice 3</td>
    </tr></table>
    </td>
</tr>
<tr id="qntr">
    <td id="qntd">My question 2</td>
    <!-- if field is empty, validate error message to appear over here -->
</tr>
<tr id="anstr">
    <td id="anstd">
    <table><tr>
        <td>Choice 1</td>
        <td>Choice 2</td>
        <td>Choice 3</td>
    </tr></table>
    </td>
</tr>
...
</tbody>
</table>
</form>

My validate.js:

$(document).ready(function() {
        var form = $("#quiz");
        form.validate({

            errorPlacement: function(error, element) {
                 error.insertAfter(x);  // what should x be?
            }

        });

});

I would like to what should be used to replace 'x' in the errorPlacement for my validate error message to show up in the of my form?

Thank you.

I'd strongly recommend that you don't use the same ID for more than one element.. Check my updated answer below! — Ahmed Aman
– Ahmed Aman, Commented Jul 21, 2010 at 8:01

Ahmed Aman · Accepted Answer · 2010-07-21 07:59:52Z

3

UPDATE

Here is my updated solution:

error.appendTo(element.parents('#anstr').prev('tr'));

ORIGINAL POST

Did you try?

error.insertAfter(element);

edited Jul 21, 2010 at 7:59

answered Jul 21, 2010 at 6:56

Ahmed Aman

2,4231 gold badge20 silver badges33 bronze badges

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

1 Comment

jl. Over a year ago

hi dejavu, I tried to use error.insertAfter(element), but it will appear within the Choice 1 radio button, instead of my desire location.

Collectives™ on Stack Overflow

Jquery validate error message placement location

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related