Help multiform pe aceiasi pagina.

Aici postaţi orice este legat de tehnologiile "client side". HTML, HTML5, XHTML, CSS, CSS3, XML, Standarde
Manual JS: http://www.phpromania.net/jsmanual/index.html

Moderatori: eyecon, Moderatori

p47r1ckro
New Member
Mesaje: 3
Membru din: Lun Iun 09, 2014 11:13 am

Help multiform pe aceiasi pagina.

Mesajde p47r1ckro » Sâm Oct 11, 2014 2:46 pm

Salut as dorii un sfat;daca se poate cum sa implementez pe o pagina..
2 form fielduri:
Astfel:
Primul form sa fie vizibil...dupa ce este completat si userul apasa Next..
Sa apara form fieldul "ascuns" Form filedul 2..
Desigur toate datele sunt trimise si validate..
Ideea este ca pagina sa nu isi faca refresh atunca cand userul apasa click pe butonul Next.
Am incercat cv..coduri in...javascript nu mi-a iesit..
Daca ma poate ajuta cineva cu un model sau un site pt ajutor..

Va multumesc pentru Support.

P.S --> Este un exemplu ..ca sa ma pot face inteles mai bine, ce-a ce urmaresc ..sa fac..
Primul form...
<form name="myform" id="myform" action="" method="POST">
<!-- The Name form field -->
<label for="name" id="name_label">Name</label>
<input type="text" name="name" id="name" size="30" value=""/>
<br>
<!-- The Email form field -->
<label for="email" id="email_label">Email</label>
<input type="text" name="email" id="email" size="30" value=""/>
<br>
<!-- The Submit button -->
<input type="submit" name="Next" value="Next">
</form>

Al doildea Form..
<form name="myform1" id="myform1" action="" method="POST">
<!-- The Name form field -->
<label for="name" id="name_label">User</label>
<input type="text" name="name" id="name" size="30" value=""/>
<br>
<!-- The Email form field -->
<label for="email" id="email_label">Email</label>
<input type="text" name="email" id="email" size="30" value=""/>
<br>
<!-- The Submit button -->
<input type="submit" name="Finish" value="Finish">
</form>



takedown
Average Member
Mesaje: 153
Membru din: Joi Feb 07, 2013 8:50 pm
Contact:

Re: Help multiform pe aceiasi pagina.

Mesajde takedown » Sâm Oct 11, 2014 4:54 pm

Iti recomand Ajax sau Jquery pentru rezolvarea problemei tale.

tanatos
Senior Member
Mesaje: 269
Membru din: Vin Iun 06, 2008 8:01 pm
Localitate: Iasi
Contact:

Re: Help multiform pe aceiasi pagina.

Mesajde tanatos » Sâm Oct 11, 2014 9:29 pm

Pune tot intr-un singur form (acum ai 2), eventual in 2 div-uri cu id-urile: step1 si step2 (step2 sa aiba pus display:none din css).
De asemenea, la primul div, tipul button-ului (<input type="submit" name="Next" value="Next">) sa fie button, nu submit.
Mai adauga si un id la button-ul acela, gen id="next".

Si apoi pui din javascript :

Cod: Selectaţi tot

$(document).ready(function() {
$("#next").click(function() {
$("#step1").hide();
$("#step2").show();
});
});


Iar in acest fel, cand dai click pe butonul finish se face un singur submit in care poti procesa tot formularul.

Sau cum a sugerat takedown poti folosi AJAX...

codeline
PHPRomania Supporter
Mesaje: 12
Membru din: Lun Mai 19, 2014 5:43 pm

Re: Help multiform pe aceiasi pagina.

Mesajde codeline » Mie Oct 15, 2014 4:38 pm

Poti face submit selectiv din JavaScript asa:

Cod: Selectaţi tot

document.forms['nume_form'].submit();


... sau ca sa o faci din form

Cod: Selectaţi tot

<input type="button" value="Trimite" onclick="document.forms['myform'].submit()" />


Înapoi la “HTML/JavaScript/CSS”

Cine este conectat

Utilizatori ce ce navighează pe acest forum: Niciun utilizator înregistrat și 14 vizitatori