Forums

Hi,

When I click on each input field in a form, the page is automatically refreshed.
It works fine on test.
In the website it refresh the page.

the code is:
ONLOAD
custome code (to read user id)
DB read
ONFOUND
HTML Render
ONSUBMIT
Custom Code
DB save

It was working fine as well on the website. The only change i did in between, its that I added a picture in a slideshow on the homepage.

here the code of the form:
<input name="userlogged" id="userlogged" value="" type="hidden" class="form-control A" /><input name="id" id="id" value="" type="hidden" class="form-control A" /><input name="userid" id="userid" value="" type="hidden" class="form-control A" /><div class="form-group gcore-form-row" id="form-row-2"><label for="username" class="control-label gcore-label-left">Username</label>
<div class="gcore-input gcore-display-table" id="fin-username"><input name="username" id="username" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="disabled" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-4"><label for="title" class="control-label gcore-label-left">Title</label>
<div class="gcore-input gcore-display-table" id="fin-title"><input name="title" id="title" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-6"><label for="name" class="control-label gcore-label-left">First Name</label>
<div class="gcore-input gcore-display-table" id="fin-name"><input name="name" id="name" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-8"><label for="lastname" class="control-label gcore-label-left">Last Name</label>
<div class="gcore-input gcore-display-table" id="fin-lastname"><input name="lastname" id="lastname" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-10"><label for="email" class="control-label gcore-label-left">Email</label>
<div class="gcore-input gcore-display-table" id="fin-email"><input name="email" id="email" value="" placeholder="" maxlength="" size="" class="validate['required','email'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-12"><label for="company" class="control-label gcore-label-left">Company Name</label>
<div class="gcore-input gcore-display-table" id="fin-company"><input name="company" id="company" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-14"><label for="city" class="control-label gcore-label-left">City</label>
<div class="gcore-input gcore-display-table" id="fin-city"><input name="city" id="city" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-16"><label for="stateprovince" class="control-label gcore-label-left">State</label>
<div class="gcore-input gcore-display-table" id="fin-stateprovince"><input name="stateprovince" id="stateprovince" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-18"><label for="country" class="control-label gcore-label-left">Country</label>
<div class="gcore-input gcore-display-table" id="fin-country"><input name="country" id="country" value="" placeholder="" maxlength="" size="" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-20"><label for="phone" class="control-label gcore-label-left">Phone</label>
<div class="gcore-input gcore-display-table" id="fin-phone"><input name="phone" id="phone" value="" placeholder="" maxlength="" size="" class="validate['required','phone'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-22"><label for="website" class="control-label gcore-label-left">Website</label>
<div class="gcore-input gcore-display-table" id="fin-website"><input name="website" id="website" value="" placeholder="" maxlength="" size="" class="form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-24"><label for="industry" class="control-label gcore-label-left">Industry</label>
<div class="gcore-input gcore-display-table" id="fin-industry"><input name="industry" id="industry" value="" placeholder="" maxlength="" size="" class="form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" /></div></div><div class="form-group gcore-form-row" id="form-row-25"><div class="gcore-input gcore-display-table" id="fin-button8"><input name="button8" id="button8" type="submit" value="Submit" class="form-control A" style="" data-load-state="" /></div></div>

Matteo

Hi Matteo,

Does it work if you click the View Form link and see the form without the slideshow? if so then is sounds as though the problem is with the slideshow somehow :-(

Bob

Hi,

Yes, I already had the solution, it was the slideshow, it was just hard to understand why a slideshow can influence a form behavior. Fortunately I didn't do many changes from when the form was working and when it didn't anymore.

Now I solved disabling the slideshow. The best solution would be to keep both. I noticed there was an href on top of the form. Probably some conflict within jquery.

Is there a way to avoid these conflicts?

Thanks anyway.

Hi Matteo,

Usually there is a way to solve them. Unfortunately it isn't always obvious :-(

Checking for errors in your web browser JavaScript console is a good place to start.

Bob