De obicei, dupa ce utilizatorul completeaza datele in formular si le trimite, pagina se reincarca si formularul este iar gol. In caz de eroare la datele adaugate, utilizatorul trebuie sa le completeze iar pe toate.
E mai usor si lejer pentru utilizator daca datele deja adaugate ar fi pastrate in campurile din formular si dupa trimitere, ca acesta sa completeze /corecteze doar eroarea semnalata.


Iata un exemplu cu un formular cu mai multe tipuri de campuri, definit intr-un fisier PHP.
Daca sunt erori la completarea formularului, afiseaza eroarea si formularul cu datele deja adaugate, altfel, afiseaza un mesaj de confirmare.
<?php
// array cu valori pt. fiecare camp din formular, majoritatea goale
$fval = array('fname'=>'', 'femail'=>'', 'fgen'=>'', 'fgenm'=>'barbat', 'fgenf'=>'femeie', 'ffood'=>'', 'fmess'=>'');

// variabila pt. erori, initial goala
$ferror = '';

// daca formularul e trimis
if(isset($_POST['fsubmit'])) {
  $fval = array_replace($fval, $_POST);      // adauga toate datele din $_POST in $fval, inlocuind pe cele initiale

  // verifica datele primite si adauga erorile in $ferror
  if(strlen($_POST['fname'])<3) $ferror .= '- Numele trebuie sa contina cel putin 3 caractere <br/>';
  if(!preg_match("/^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,3})$/", $_POST['femail'])) {
    $ferror .= '- Adaugati o adresa de e-mail corecta <br/>';
  }
  if(!isset($_POST['fgen'])) $ferror .= '- Selectati Genul <br/>';
  if($_POST['ffood']=='--' or $_POST['ffood']=='') $ferror .= '- Selectati: Alimente preferate <br/>';

  // daca nu sunt erori ($ferror e gol) seteaza $confirm
  if($ferror==='') $confirm = '<h3>Datele au fost adaugate cu succes.</h3>';
}

          /* Acum se defineste Formularul */

// array cu valori pt lista Select
$select_food = array('fructe', 'legume', 'cereale', 'lactate', 'prajituri');

// seteaza tag-urile <option> pt lista Select
$ffood = '<option>--</option>';
for($i=0; $i<count($select_food); $i++) {
  // seteaza atributul selected
  $selattr = ($select_food[$i]==$fval['ffood']) ? ' selected="selected"' : '';

  $ffood .= '<option value="'. $select_food[$i]. '"'. $selattr. '>'. $select_food[$i]. '</option>';
}

// defineste variabila cu atributul checked pt. butoanele radio
$fgenm_check = ($fval['fgen']==$fval['fgenm']) ? ' checked="checked"' : '';
$fgenf_check = ($fval['fgen']==$fval['fgenf']) ? ' checked="checked"' : '';

// seteaza o variabila cu formularul HTML
$form = '<form action="" method="post">
 Nume: <input type="text" name="fname" id="fname" value="'. $fval['fname']. '" /><br/>
 E-mail: <input type="text" name="femail" id="femail" value="'. $fval['femail']. '" /><br/>
 Genul: <input type="radio" name="fgen" id="fgenm" value="'. $fval['fgenm']. '"'. $fgenm_check. ' />Barbat
 <input type="radio" name="fgen" id="fgenf" value="'. $fval['fgenf']. '"'. $fgenf_check. ' />Femeie<br/>
 Alimente preferate: <select id="ffood" name="ffood">'. $ffood. '</select><br/>
 Mesaj (<i>optional</i>):<br/>
 <textarea name="fmess" id="fmess" rows="5", cols="30">'. $fval['fmess']. '</textarea><br/>
 <input type="submit" name="fsubmit" id="fsubmit" value="Trimite" /><br/>
</form>';

// daca $confirm e setat, il afiseaza, altfel, afiseaza $ferror si $form
if(isset($confirm)) echo $confirm;
else echo '<div style="color:red;">'. $ferror. '</div><br/>'. $form;
?>
- Testati singuri acest exemplu, adaugand codul de mai sus intr-un fisier php.

Prima data se creaza un Array ($fval) cu valorile initiale pentru fiecare caseta din formular, dupa numele ei ("name"), si inca o variabila pentru erori ($ferror). Apoi se verifica daca au fost trimise datele din formular, le adauga in array-ul $fval (ca sa inlocuiasca pe cele initiale la adaugare in formular), le valideaza, adaugand erorile in $error. Daca nu sunt erori, e setata variabila cu mesajul de confirmare.
Apoi, se afiseaza mesajul de confirmare (daca exista), sau erorile si formularul.

- Pentru a retine selectate butoanele de tip radio sau checkboxes, se definesc variabile cu atributul "checked" pentru butoanele selectate.
- Daca formularul contine o lista de tip select, o metoda buna este stocarea valorilor pentru <option> intr-un Array, apoi se parcurge acel array, se verifica ce optiune a fost selectata si i-se defineste atributul "selected".
Cand se creaza codul HTML pentru formular, se adauga in fiecare camp valorile retinute in array-ul $fval (acestea sunt valorile definite initial, pt. prima afisare, sau cele primite prin POST dupa ce au fost trimise datele).

O metoda mai simpla de a pastra datele in formular dupa trimitere este aceasta din exemplu urmator (pentru formulare mai simple, cu casute de tip text si textarea):
<?php
// se definesc variabilele cu valoare pt. fiecare casuta
// cea din POST, daca exista, altfel, valoare goala
$nume = isset($_POST['nume']) ? $_POST['nume'] : '';
$email = isset($_POST['email']) ? $_POST['email'] : '';
$msg = isset($_POST['msg']) ? $_POST['msg'] : '';

// se defineste formularul intr-o variabila
$fhtml = '<form action="" method="post">
 Nume: <input type="text" name="nume" value="'. $nume. '" /><br/>
 Email: <input type="text" name="email" value="'. $email. '" /><br/>
 Mesaj:<br/>
 <textarea cols="5" rows="35" name="msg">'. $msg. '</textarea><br/>
 <input type="submit" value="Trimite" />
</form>';

echo $fhtml;         // afisare formular
?>

Un Test simplu in fiecare zi

HTML
CSS
JavaScript
PHP-MySQL
Engleza
Spaniola
Care tag creaza un text ingrosat?
<q> <strong> <em>
<p>Adresa: <strong>http://CoursesWeb.net/</strong> - Tutoriale.</p>
Care din aceste coduri CSS afiseaza textul ingrosat?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
Ce functie JavaScript apeleaza o alta functie, in mod repetat, la un anumit interval de timp?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Clic pe variabila definita corect in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
Care din urmatoarele forme ale verbului "travel" (a calatori) e la timpul Prezent Perfect?
have traveled shall travel had traveled
We have traveled in space.
- Noi am calatorit (deja) in spatiu.
Care din urmatoarele forme ale verbului "pintar" (a picta) se foloseste la Trecutul Imperfect?
ir a pintar pintaba pintó
La niña pintaba un arco iris.
- Fetita picta un curcubeu.
Retinere date adaugate in formular, dupa trimitere

Last accessed pages

  1. Curs si Tutoriale JavaScript (22227)
  2. Pronume - Exercitii si teste engleza incepatori (6278)
  3. Curs HTML gratuit Tutoriale HTML5 (45766)
  4. Creare formulare (3959)
  5. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (79545)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (6300)
  2. Curs HTML gratuit Tutoriale HTML5 (5272)
  3. Curs si Tutoriale JavaScript (4662)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (4536)
  5. Curs CSS Online Tutoriale CSS3 (4379)