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>
Help multiform pe aceiasi pagina.
Moderatori: eyecon, Moderatori
Re: Help multiform pe aceiasi pagina.
Iti recomand Ajax sau Jquery pentru rezolvarea problemei tale.
Mobila la comanda http://mobilacupersonalitate.ro
Re: Help multiform pe aceiasi pagina.
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 :
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...
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...
Re: Help multiform pe aceiasi pagina.
Poti face submit selectiv din JavaScript asa:
... sau ca sa o faci din form
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