Search code examples
jqueryvalidationhidden-fieldjquery-tabsjquery-validation-engine

jQuery-Validation-Engine wrong position popup on field hidden (jquery tabs)

I use jQuery-Validation-Engine for validate a form, but I've a problem .... I've a form in a div divided into tabs and I set the validationEngine like this:

$(".test").validationEngine({validateNonVisibleFields: true});

On submit works fine both on fields in the active tab in the non-active .... but popup error of the fields in non-active tab is not aligned to the corresponding field.

The _calculatePosition function seems that ignore the real coordinates of the field-hidden to check...

Any suggestion?

Thanks to much

Solution

  • I have solved the same problem using the validationEngine updatePromptsPosition method for each tab... Something like this:

    $(".tabs-1").click(function(){
    $form.find('form').validationEngine('updatePromptsPosition');
});