» Pagina principala » JavaScript » Validare de Formulare cu Javascript

Validare de Formulare cu Javascript

Validare E-mail

Pentru aceasta validare vom folosi doua functii javascript: evalid() si everif().

Prima functie verifica daca s-a scris ceva in campul pentru email si nu cumva a fost lasat gol.

A doua functie verifica daca textul introdus are formatul tipic unei adrese de email: daca contine @ , daca are cel putin un punct, daca punctul nu este cumva plasat imediat inaintea lui @ sau imediat dupa el si daca nu cumva contine mai mult de doua caractere @ .

var at="@"
        var punct="."
        var lat=str.indexOf(at)
        var lstr=str.length
        var lpunct=str.indexOf(punct)
        if (str.indexOf(at)==-1){
        alert("E-mail invalid. Introduceti o adresa reala!!!")
        return false
        }

if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
        alert("E-mail invalid. Introduceti o adresa reala!!!")
        return false
        }

if (str.indexOf(punct)==-1 || str.indexOf(punct)==0 || str.indexOf(punct)==lstr){
        alert("E-mail invalid. Introduceti o adresa reala!!!")
        return false
        }

if (str.indexOf(at,(lat+1))!=-1){
        alert("E-mail invalid. Introduceti o adresa reala!!!")
        return false
        }

if (str.substring(lat-1,lat)==punct || str.substring(lat+1,lat+2)==punct){
        alert("E-mail invalid. Introduceti o adresa reala!!!")
        return false
        }

if (str.indexOf(punct,(lat+2))==-1){
        alert("E-mail invalid. Introduceti o adresa reala!!!")
        return false
        }

if (str.indexOf(" ")!=-1){
        alert("E-mail invalid. Introduceti o adresa reala!!!")
        return false
        }

return true
}

function evalid(){
        var emailID=document.eFormular.txtEmail

        if ((emailID.value==null)||(emailID.value=="")){
        alert("Va rog sa introduceti o adresa de email")
        emailID.focus()
        return false
        }
        if (everif(emailID.value)==false){
        emailID.value=""
        emailID.focus()
        return false
        }
        return true
        }
</script>
<form name="eFormular" method="post" action="#" onSubmit="return evalid()">
<p>Enter an Email Address :
<input type="text" name="txtEmail">
</p>
<p>
<input type="submit" name="Submit" value="Submit">
</p>
</form>

EXEMPLU

Validare Butoane Radio si Checkbox

In caz ca sunt mai multe variante de raspuns la o intrebare si doriti sa se poata alege doar una este suficient treceti nume identice butoanelor radio care sunt cuprinse in acea intrebare. Vom folosi javascript pentru a ne asigura ca formularul nu va fi trimis fara sa fie bifat un raspuns la fiecare intrebare.

Introducem functia check_buttons care va indica spre fisierul care sa preia datele din formular numai in cazul in care s-a raspuns la fiecare rubrica. Vom verifica asta cu IF, parcurgand inainte fiecare buton ca pe un array cu FOR.

function check_buttons()
        {
        for(i=0; i<4; i++)
        for (j=0; j<4; j++)

{
        if(document.form1.intr1[i].checked==true) {
        if(document.form1.intr2[j].checked==true) {
        document.form1.action="rezultat.php"; } } }
        return; }

</script>

<form name="form1" method="post" onSubmit="javascript:check_buttons();" action="">
        1. Cate limbaje de programare cunosti?
<p>
<input type="radio" name="intr1" value="a" >
        a. Nici unul<br>
<input type="radio" name="intr1" value="b" >
        b. 1<br>
<input type="radio" name="intr1" value="c" >
        c. 2<br>
<input type="radio" name="intr1" value="d" >
        d. 3<br>

</p>
        2. De cat timp esti interesat de Web Design?
<p>
<input type="radio" name="intr2" value="a">
        a. De cand m-am nascut<br>
<input type="radio" name="intr2" value="b">
        b. De mai mult de 10 ani<br>
<input type="radio" name="intr2" value="c">
        c. De mai putin de 10 ani<br>
<input type="radio" name="intr2" value="d">
        d. De Ieri<br>
</p>

<input type="submit" value="Trimite formularul">
</form>

EXEMPLU

Bineinteles ca formularul nostru este doar un exemplu si nu face trimitere nicaieri.

« Inapoi 1 2

Articole asemanatoare
» Tutorial complet JavaScript (prima parte)

Comentarii

shifty01

foarte bun acest tutorial si foarte buna initiativa cu acest site. sper sa creasca numarul de articole si de vizitatori

16-Mar-2010 - 14:16

inutza

cum pot expedia un formular printr-un < a href="">trimite</a>
fara sa folosesc butonul submit

18-May-2010 - 21:15

cristian

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() ;
}

19-May-2010 - 09:15

yoo

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.

06-Jun-2011 - 16:39

Voteaza acest articol!

Trimite un comentariu!

Nume *
E-mail *
Comentariu *
Vreau sa fiu anuntat de urmatoarele mesaje la acest articol
Cod de securitate *

Bazele web designului

Photoshop

Flash

Grafica 3D

HTML si CSS

Programare Web

Administrare site

Revista

Generatoare de coduri

Validare de Formulare cu Javascript

Comentarii

Cristian Bozeanu

Top vot tutoriale

Tutoriale populare

Parteneri

Linkuri Utile

Cloud tag