multi page form - validation issue on

[wuschel_lux]

Hi,
I found this post (http://fabrikar.com/forums/index.php?threads/form-tabs-save-button-in-multi-group-form.44041/) and did also a multi page form as mentioned in the post.

Only I run into validation issues for fields hidden by JavaScript. And yes the validation rule has validate hidden = No.
When I hit next I get the message validation failed, but the field is not visible.

Here the "hidden" DIV:

BEFORE hit NEXT:

<div class="row-fluid">

<div class="control-group fabrikElementContainer plg-field fb_el_m4a_pre_registration___other_diplom fabrikDataEmpty span12 fabrikHide" style="opacity: 0; visibility: hidden;">

        <label for="m4a_pre_registration___other_diplom" class="fabrikLabel control-label fabrikTip" opts="{&quot;formTip&quot;:true,&quot;position&quot;:&quot;top-left&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;notice&quot;:true,&quot;heading&quot;:&quot;Validation&quot;}" data-original-title="">
    <i data-isicon="true" class="icon-star small "></i> Désignation exacte des études et/ou du diplôme/certificat        </label>
   

<div class="fabrikElement">
   
<input type="text" id="m4a_pre_registration___other_diplom" name="m4a_pre_registration___other_diplom" size="60" maxlength="255" class="input-xxlarge form-control fabrikinput inputbox text" value=""></div>

<div class="fabrikErrorMessage">
    </div>


</div>
</div>

AFTER hit NEXT:

<div class="row-fluid">

<div class="control-group fabrikElementContainer plg-field fb_el_m4a_pre_registration___other_diplom fabrikDataEmpty span12 fabrikHide fabrikError error has-error" style="opacity: 0; visibility: hidden;">

        <label for="m4a_pre_registration___other_diplom" class="fabrikLabel control-label fabrikTip" opts="{&quot;formTip&quot;:true,&quot;position&quot;:&quot;top-left&quot;,&quot;trigger&quot;:&quot;hover&quot;,&quot;notice&quot;:true,&quot;heading&quot;:&quot;Validation&quot;}" data-original-title="" error="<span> Échec de la validation</span>">
    <i data-isicon="true" class="icon-star small "></i> Désignation exacte des études et/ou du diplôme/certificat        </label>
 

<div class="fabrikElement">
 
<input type="text" id="m4a_pre_registration___other_diplom" name="m4a_pre_registration___other_diplom" size="60" maxlength="255" class="input-xxlarge form-control fabrikinput inputbox text" value=""></div>

<div class="fabrikErrorMessage" style="opacity: 1;"></div>


</div>
</div>