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
Ce tip de <input> creaza o paleta de culori pentru selectare culoare?
type="text" type="color" type="date"
<input type="color" name="get_color" />
Care metoda CSS roteste elementul HTML la un anumit numar de grade?
scale() translate() rotate()
#some_id:hover {
  transform: rotate(60deg);
  -ms-transform: rotate(60deg);    /* IE 9 */
  -moz-transform: rotate(60deg);   /* Firefox */
}
Click pe functia care returneaza numarul cel mai mare.
pow() min() max()
var maxn = Math.max(8, 4, 88, 56);
alert(maxn);      // 88
Ce functie previne ca un fisier sa fie inclus mai mult de o data intr-o pagina?
include() include_once() require()
include_once("un_fisier.php");
Care este traducerea corecta pentru: "Ahead of time"?
Peste timp La timp Inainte de vreme
Most people arrived ahead of time.
- Cei mai multi oameni au sosit inainte de vreme (prea devreme).
Indicati traducerea corecta a cuvantului "buenĂ­simo"
mai bun mai putin bun extrem de bun
Este fruto es buenĂ­simo.
- Acest fruct este extrem /nemaipomenit de bun.
Retinere date adaugate in formular, dupa trimitere

Last accessed pages

  1. I sau Me (3860)
  2. Conditional IF in Limba Engleza - Fraze Conditionale (45093)
  3. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (69924)
  4. Substantivul din limba engleza - The Noun (28614)
  5. Gramatica limbii engleze - Prezentare Generala (113531)

Popular pages this month

  1. Cursuri si Tutoriale: Engleza, Spaniola, HTML, CSS, Php-Mysql, JavaScript, Ajax (2243)
  2. Curs HTML gratuit Tutoriale HTML5 (1614)
  3. Curs si Tutoriale JavaScript (1589)
  4. Curs PHP MySQL, Tutoriale si Scripturi PHP (1544)
  5. Curs CSS Online Tutoriale CSS3 (1416)