wuschel_lux
Member
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:
AFTER hit NEXT:
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:
HTML:
<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="{"formTip":true,"position":"top-left","trigger":"hover","notice":true,"heading":"Validation"}" 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:
HTML:
<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="{"formTip":true,"position":"top-left","trigger":"hover","notice":true,"heading":"Validation"}" 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>