Forums

Form loops after hitting submit

Maxximum 02 Feb, 2014
I have a form with 2 tabs.
1 tab is for product list, the other tab is for contact information.
when an amount is filled in and people go to next tab for contact information,
the form reloops to the first tab (products) as they hit the submit butten.
I have removed the captcha and the captcha load and check but it still happends.

form code:
<div class="chronoform-container" id="chronoform-container-1">
					<ul class="nav nav-tabs"><li class="active"><a href="#Bestellijst" data-g-toggle="tab">Bestellijst</a></li><li><a href="#contact" data-g-toggle="tab">contact</a></li></ul>
					<div class="tab-content"><div id="Bestellijst" class="tab-pane active"><div class="form-group gcore-form-row" id="form-row-2"><label for="rupsklein" class="control-label gcore-label-top">Zijderupsen</label>
<div class="gcore-input-wide gcore-display-table" id="fin-rupsklein"><input name="rupsklein" id="rupsklein" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 100 Bombyx mori zijderupsen klein (€ 15,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-4"><div class="gcore-input gcore-display-table" id="fin-rupsmid"><input name="rupsmid" id="rupsmid" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 100 Bombyx mori zijderupsen middel (€ 20,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-6"><div class="gcore-input gcore-display-table" id="fin-rupsgroot"><input name="rupsgroot" id="rupsgroot" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 100 Bombyx mori zijderupsen groot (€ 25,00) (beperkt leverbaar)</span></div></div><div class="form-group gcore-form-row" id="form-row-8"><label for="egg100" class="control-label gcore-label-top">Zijderups eitjes</label>
<div class="gcore-input-wide gcore-display-table" id="fin-egg100"><input name="egg100" id="egg100" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="" style="" data-inputmask="" type="text" /><span class="help-block">x 100 Bombyx mori zijderups eitjes (€ 8,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-10"><div class="gcore-input gcore-display-table" id="fin-egg250"><input name="egg250" id="egg250" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 250 Bombyx mori zijderups eitjes (€ 16,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-12"><div class="gcore-input gcore-display-table" id="fin-egg500"><input name="egg500" id="egg500" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 500 Bombyx mori zijderups eitjes (€ 30,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-14"><label for="chowpd200" class="control-label gcore-label-top">Chow, poeder</label>
<div class="gcore-input-wide gcore-display-table" id="fin-chowpd200"><input name="chowpd200" id="chowpd200" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 200gr Chow poeder (€ 9,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-16"><div class="gcore-input gcore-display-table" id="fin-chowpd500"><input name="chowpd500" id="chowpd500" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 500gr Chow poeder (€ 20,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-18"><div class="gcore-input gcore-display-table" id="fin-chowpd1000"><input name="chowpd1000" id="chowpd1000" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 1kg Chow poeder (€ 38,50)</span></div></div><div class="form-group gcore-form-row" id="form-row-20"><div class="gcore-input gcore-display-table" id="fin-chowpd2000"><input name="chowpd2000" id="chowpd2000" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 2kg Chow poeder (€ 75,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-22"><label for="chowkk200" class="control-label gcore-label-top">Chow, kant en klaar</label>
<div class="gcore-input-wide gcore-display-table" id="fin-chowkk200"><input name="chowkk200" id="chowkk200" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 200gr Chow, kant-en-klaar (€ 4,50)</span></div></div><div class="form-group gcore-form-row" id="form-row-24"><div class="gcore-input gcore-display-table" id="fin-chowkk500"><input name="chowkk500" id="chowkk500" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 500gr Chow, kant-en-klaar (€ 11,00)</span></div></div><div class="form-group gcore-form-row" id="form-row-26"><div class="gcore-input gcore-display-table" id="fin-chowkk1000"><input name="chowkk1000" id="chowkk1000" value="" placeholder="" maxlength="3" size="1" class="validate['number'] form-control A" title="vul een getal in a.u.b." style="" data-inputmask="" type="text" /><span class="help-block">x 1kg Chow, kant-en-klaar (€ 20,00)</span></div></div></div><div id="contact" class="tab-pane"><div class="form-group gcore-form-row" id="form-row-28"><label for="naam" class="control-label gcore-label-left">Naam:</label>
<div class="gcore-input gcore-display-table" id="fin-naam"><input name="naam" id="naam" value="" placeholder="" maxlength="" size="" class="validate['required','alphanum'] form-control A" title="" style="" data-inputmask="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-31"><div class="gcore-subinput-container" id="fitem-adres"><label for="adres" class="control-label gcore-label-left">Adres:</label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-adres"><input name="adres" id="adres" value="" placeholder="" maxlength="" size="" class="validate['required','alphanum'] form-control A" title="" style="" data-inputmask="" type="text" /><span class="help-block">straatnaam</span></div></div>
<div class="gcore-subinput-container" id="fitem-huisnr"><div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-huisnr"><input name="huisnr" id="huisnr" value="" placeholder="" maxlength="7" size="4" class="validate['required','alphanum'] form-control A" title="" style="" data-inputmask="" type="text" /><span class="help-block">huisnummer</span></div></div></div><div class="form-group gcore-form-row" id="form-row-34"><div class="gcore-subinput-container" id="fitem-postcode"><label for="postcode" class="control-label gcore-label-left"> </label>
<div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-postcode"><input name="postcode" id="postcode" value="" placeholder="" maxlength="7" size="4" class="validate['required','alphanum'] form-control A" title="" style="" data-inputmask="" type="text" /><span class="help-block">postcode</span></div></div>
<div class="gcore-subinput-container" id="fitem-woonplaats"><div class="gcore-input pull-left gcore-sub-input gcore-display-table" id="fin-woonplaats"><input name="woonplaats" id="woonplaats" value="" placeholder="" maxlength="" size="" class="form-control A" title="" style="" data-inputmask="" type="text" /><span class="help-block">woonplaats</span></div></div></div><div class="form-group gcore-form-row" id="form-row-36"><label for="land" class="control-label gcore-label-left">Land:</label>
<div class="gcore-input gcore-display-table" id="fin-land"><input name="land" id="land" value="" placeholder="" maxlength="" size="" class="validate['required','alpha'] form-control A" title="" style="" data-inputmask="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-38"><label for="emailverzender" class="control-label gcore-label-left">E-mail adres:</label>
<div class="gcore-input gcore-display-table" id="fin-emailverzender"><input name="emailverzender" id="emailverzender" value="" placeholder="" maxlength="" size="" class="validate['email'] form-control A" title="" style="" data-inputmask="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-39"><label for="message" class="control-label gcore-label-left">Optioneel bericht:</label>
<div class="gcore-input gcore-display-table" id="fin-message"><textarea name="message" id="message" placeholder="" rows="3" cols="40" class="form-control A" title="" style=""></textarea></div></div></div></div></div><div class="form-group gcore-form-row" id="form-row-40"><div class="gcore-input gcore-display-table" id="fin-button26"><input name="button26" id="button26" type="submit" value="Submit" class="form-control A" style="" /></div></div>
GreyHead 03 Feb, 2014
Hi Maxximum,

Might there be a problem with validation that is taking them back? Impossible to say much more from the info here.

This might be case where a two-step form is better than a tabbed form. You can make them look similar but having the first page submit lets you validate that info before the second step.

Bob
Maxximum 03 Feb, 2014
Hi Bob,
i didn't make any filed requirements on the order list.
in the contact list i have requerements, but shouldn't the form remind me?

I will try the two-step form (multi-page).
Thank you for your effort.
Maxximum 03 Feb, 2014
Oh, i have a validation on the order list, i want people to enter a "number" so that's on.
Also the max size is "3" (max 3 numbers) and the length of the field is "1".

When i choose for "number" validation, that's 1-2-3-4-5-6-7-8-9-0 right?
Maxximum 03 Feb, 2014
I tried an new form.
Started form scratch.

it looks like the form runs once, then when you try another time, the form loops.
GreyHead 03 Feb, 2014
Hi Maxximum,

Validate number should I think accept any number, you may want to use 'Digits' if you only want numbers like 123, 456. etc.

I have no idea why your form loops and there isn't enough information here to give me any clues :-(

Bob
Maxximum 03 Feb, 2014
Hi Bob,
Sorry i couldn't give any clues.
I am a bit further now.
I think the problem is that i linked a menu item (in joomla 3.2.1) to the form.
The form had an capital in the name, in the menu i didn't spell it with an capital.

I'll keep you posted if the problem is now solved.
Maxximum 04 Feb, 2014
Hi Bob,

This was the problem.
I do not have any problems what so ever.
Thanks anyway!
This topic is locked and no more replies can be posted.