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 e folosit pentru a adauga liste cu definitii in element <dl>?
<dt> <dd> <li>
<dl>
 <dt>HTML</dt>
  <dd> - Hyper Text Markup Language</dd>
  <dd> - Limbaj de cod pentru pagini web</dd>
</dl>
Care proprietate CSS poate sa ascunda un element in pagina, lasand spatiu gol in locul lui?
display position visibility
#id {
  visibility: hidden;
}
Indicati evenimentul declansat cand se apasa clic pe un obiect in pagina.
onclick onmouseover onfocus
document.getElementById("id").onclick = function(){
  alert("http://www.MarPlo.net/");
}
Indicati variabila PHP ce contine datele din $_GET, $_POST si $_COOKIE.
$_SESSION $_GET $_REQUEST
if(isset($_REQUEST["id"])) {
  echo $_REQUEST["id"];
}
Care din urmatoarele cuvinte reprezinta un Verb?
lighting believe path
I believe in my path.
- Eu cred in calea mea.
Care din urmatoarele cuvinte reprezinta un Verb?
creer camino iluminaciĆ³n
creer = a crede; camino = cale /drum; iluminaciĆ³n = iluminare
Retinere date adaugate in formular, dupa trimitere

Last accessed pages

  1. Download carti electronice si programe pentru Limba Engleza (16001)
  2. Verbe modale - SHALL, SHOULD, OUGHT TO, WILL, WOULD, USED TO, BE TO, DARE (13445)
  3. Drag si Drop cu atribute HTML5 (230)
  4. Instructiuni repetitive while (348)
  5. Curs si Tutoriale JavaScript (10781)

Popular pages this month

  1. Gramatica limbii engleze - Prezentare Generala (2680)
  2. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (865)
  3. Gramatica limbii spaniole. Indrumator si prezentare generala (692)
  4. Alphabet and Pronunciation - Alfabetul si pronuntia in limba engleza (621)
  5. Prezentul simplu si continuu - Present Tense Simple and Continuous (600)