Hi,

I am using the Validation Plugin from Bassistance (by Jörn Zaefferer) and I
need to append the error message after the <div class="rowElem"> not after
the input field.

This is the HTML I get:

<div class="rowElem">
        <label class="align" for="country" style="cursor: 
pointer;">Country</label>
        <div class="jqTransformInputWrapper">
                <div class="jqTransformInputInner">
                        <div>
                                <input class="required jqtranformdone 
jqTransformInput error"
type="text" name="country"/>
                                <label class="error" for="country" 
generated="true">This field is
required.</label>
                        </div>
                </div>
        </div>
        <em>*</em>
</div>

This is the Javascript:

$(document).ready(function(){
        $('#actionform').validate({
                                                 
             submitHandler: function(form) {
             
               $(form).ajaxSubmit({
                    success: function() {
                        $('#actionform').hide();
                        $('#content').append("<p class='thanks'>Thanks! Your
request has been sent.</p>")
                    }
               });
             }
         
    });
});

I am sure I need to use this:
errorPlacement: function(error, element) {
        error.appendTo( element.parent().next() );
},

… but I can't figure out how to target the "rowElem div".

I tried with:
error.insertAfter(".rowElem"); 

…but I get all the error messages for each input.

Any help?

-- 
View this message in context: 
http://old.nabble.com/Validation-Plugin%3Aneed-help-with-errorPlacement-tp26719238s27240p26719238.html
Sent from the jQuery General Discussion mailing list archive at Nabble.com.

Reply via email to