Validare de Formulare cu Javascript
Pentru ca datele din formularele HTML sa fie trimise catre un fisier PHP este de preferat sa faceti o verificare, sa vedeti daca ele corespund campurilor in care au fost introduse. De exemplu atunci cand un utilizator trimite un comentariu si a lasat goala o casuta sau a scris adresa de email aiurea sa putem opri trimiterea datelor mai departe.
Pentru o astfel de verificare se poate folosi si PHP dar consider ca dureaza mai mult. Javascript face fata cu succes acestei sarcini si codul este si foarte simplu. Va arat in continuare cum poate Javascript sa interactioneze cu tastatura utilizatorului, putand in acest fel sa controleze tipul datelor introduse, fara sa permita introducerea altui tip de caractere. Asta este o actiune care nu poate fi facuta in PHP.
Pentru a afla care tasta a fost apasata si a actiona in functie de acest lucru trebuie sa stim mai intai care sunt comenzile pentru asta:
| onkeypress | cand se apasa o tasta |
|---|---|
| onkeyup | cand este eliberata o tasta |
| onkeydown | cand se tine apasata o tasta |
Pentru a face legatura intre apasarea tastei si un obiect html din pagina se poate folosi atat cod in interiorul obiectului html car si apelare de functii javascript :
| <form> <input type="text" value="apasa o tasta aici" onkeypress="alert('ai apasat o tasta in interiorul campului')" /> </form> |
<script type="text/javascript"> |
Bineinteles ca exemplele de mai sus nu pot fi utile la nimic in validarea formularelor, dar ajuta la mai buna intelegere a ceea ce va urma. Pentru a face validarea formularelor trebuie sa determinam ce tasta a fost apasata in interiorul obiectului respectiv.
Pentru asta se foloseste keycode care indica codul tastei apasate. Puteti sa vedeti aceste coduri in exemplul de mai jos.
| <script type="text/javascript"> function aratacod(e){ var unicode=e.keyCode? e.keyCode : e.charCode alert("codul tastei este:" + unicode) } </script> <form> <input type="text" size="2" maxlength="1" onkeyup="aratacod(event); this.select()" /> </form> |
Aceste informatii sunt suficiente pentru a da acum niste exemple care pot fi folosite in aplicatii reale
Validare comentariu in functie de numarul de caractere
<script type="text/javascript"> function limitarelungime(obj, length){ </script> introduceti textul aici (lungimea maxima e de 20 de caractere): |
Validare numar de telefon
Vom face aceasta validare folosindu-ne de cea de mai sus. Vom limita numarul maxim de caractere la 10 si nu vom permite decat apasarea tastelor de la 0 la 9. Pentru a impune aceasta restrictie ne vom folosi de codurile caracterelor.
<script type="text/javascript"> </script> introduceti numarul de telefon (lungimea maxima e de 10 de caractere): |
Articole asemanatoare
» Tutorial complet JavaScript (prima parte)
Comentarii
foarte bun acest tutorial si foarte buna initiativa cu acest site. sper sa creasca numarul de articole si de vizitatori
cum pot expedia un formular printr-un < a href="">trimite</a>
fara sa folosesc butonul submit
pai ar trebui sa adresezi o functie javascript care sa trimita formularul:
<a href="javascript:trimite()">trimite</a>
functia javascript ar fi care sa faca submit formularului e cam asa:
function trimite ()
{
document.numeformular.submit() ;
}
am cautat si n-am gasit nimic legat de un formular pentru inregistrarea unei firme. pentru a valida formularul am nevoie de reguli de formare pentru CUI, nr. reg. comertului si cont bancar. are cineva idee care sunt regulile respective sau unde le pot gasi? va multumesc.
Voteaza acest articol!
Trimite un comentariu!
