Afisare urmatorul camp daca primul e completat corect

[cadou]

Deci am cateva campuri :

Cod: Selectaţi tot

Utilizator:<br><input type="text" name="nume" id="nume" maxlength="12">
<br>Parola:<br><input type="password" name="parola" id="parola" maxlength="50">
<select name="zi_nastere" id="zi_nastere">
<option value="">Zi</option>
<option value="01">1</option>
<option value="02">2</option>
.................
</select>

Ceea ce as dori si nu am idee, atunci cand se scrie in campul utilizator sa verifice daca exista acel nume in baza de date, daca mai exista sa apare langa casuta un mesaj de atentionare, daca e ok sa imi apara casuta de completat parola, daca parola e mai mica de 6 caractere sa apara un mesaj de atentionare, daca e ok parola sa apara urmatorul camp(de selectat) , daca se selecteaza ziua sa apara mai departe campurile ......... si asa mai departe Imagine publicată

Sper ca am fost inteles.

Salut
Ceea ce vrei necesita cunostinte si experiebnta cu JavaScript, Ajax si PHP.
Ca idee:
1. Din CSS se ascund toate campurile (cu "display:none;"), in afara de primul.
2. In cod JavaScript se inregistreaza eveniment "keyup" la fiecare casuta text (eveniment "change" pentru <select>), care sa preia valoarea din acea casuta si sa o transmita la o functie Ajax, care o trimite la un script PHP care verifica valoarea primita cu ce exista in baza de date.
Evenimentul "keyup" se poate inregistra cu acest cod:

Cod: Selectaţi tot

document.getElementById('id_casuta_text').addEventListener('keyup', function(e){
  var getval = e.target.value;    // preia valoarea
  functia_ajax(getval);    // trimite valoare la o functie ajax
}, false);

Scriptul php poate transmite sirul "ok" sau o "eroare", dupa ce face verificarea in baza de date.
Iar la functia ajax, daca raspunsul e "ok", aplica:

Cod: Selectaţi tot

element_urmatoarea_casuta.style.display = 'block';

Sau daca e alt text, il adauga cu "innerHTML" intr-un tag html pentru erori.

Pentru un camp de selectare fisier din calculator ce se foloseste ?

Cod: Selectaţi tot

<input type="file" id="myfile" name="myfile">

Si cum pun conditie ca sa poata alege doar fisiere de tip poza?

Campul de tip "file" pt. upload se poate verifica cu 'onchange'.
Ccred ca iti poate fi de folos codul de la pagina: Verificare tip fisier pentru upload , e un tutorial pentru verificare tip fisier inainte de efectuare upload.

nu reusesc sa pun conditie in js.
deci am asa :

Cod: Selectaţi tot

var pacc = ['jpg', 'jpeg'];
if(poza !== pacc)
{
// afiseaza eroare 
}

am incercat si asa :

if(poza.search(pacc)==-1)
{
// eroare ...
}

Dar tot nu reusesc

Daca nu merge cum faci, incearca sa folosesti functia checkName() de la pagina data in raspunsul anterior.
Testeaza exemplu din acea pagina, vezi explicatiile din el si daca vrei altfel decat e acolo, fa modificari pe acel cod.