• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi
Zapytaj

[PILNE!][JavaScript] Problem z walidacją imienia, maila, kodu pocztowego

Object Storage Arubacloud
0 głosów
1,089 wizyt
pytanie zadane 31 maja 2018 w JavaScript przez DinapeS Początkujący (350 p.)

Witam, na zaliczenie muszę stworzyć walidację inputów poprzez Javascript, część działa poprawnie zaś niestety mam problem z walidacją imienia, nazwiska (aby nie zawierały liczb), maila oraz kodu pocztowego
 
Miejsca w których to nie działa zamieściłem komentarz

Link do pastebin: https://pastebin.com/u7bNgSr9

Lub ewentualnie tutaj kod:

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
    </head>
    <body>
        <form>
             <input type="text" id="imie" placeholder="Wpisz imię"><label style="color:red;" id="lab01"></label><br/>
            <input type="text" id="nazwisko" placeholder="Wpisz nazwisko"><label style="color:red;" id="lab02"></label><br/>
            <input type="text" id="mail" placeholder="Wpisz mail"><label style="color:red;" id="lab1"></label><br/>
            <input type="text" id="tel" placeholder="Wpisz telefon"><label style="color:red;" id="lab2"></label><br/>
            <input type="text" id="pesel" placeholder="Wpisz pesel"><label style="color:red;" id="lab3"></label><br/>
            <input type="text" id="haslo" placeholder="Wpisz haslo"><label style="color:red;" id="lab4"></label><br/>
            <input type="text" id="miasto" placeholder="Wpisz miasto"><label style="color:red;" id="lab5"></label><br/>
            <input type="text" id="ulica" placeholder="Wpisz ulicę"><label style="color:red;" id="lab6"></label><br/>
            <input type="text" id="dom" placeholder="Wpisz nr domu"><label style="color:red;" id="lab7"></label><br/>
            <input type="text" id="kod" placeholder="Wpisz kod pocztowy"><label style="color:red;" id="lab8"></label><br/>
            <input type="button" value="Sprawdź" onclick="sprawdzaj()">
        </form>
        <div id="div1"></div>
        <div id="div2"></div>
        
        <script>
        function sprawdzaj()
        {
            var div1=document.getElementById("div1");
            var imie=document.getElementById("imie").value;
            var nazw=document.getElementById("nazwisko").value;
            var email=document.getElementById("mail").value;
            var tel=document.getElementById("tel").value;
            var pesel=document.getElementById("pesel").value;
            var haslo=document.getElementById("haslo").value;
            var miasto=document.getElementById("miasto").value;
            var ulica=document.getElementById("ulica").value;
            var dom=document.getElementById("dom").value;
            var kod=document.getElementById("kod").value;
            var div2=document.getElementById("div2");
            var lab01=document.getElementById("lab01");
            var lab02=document.getElementById("lab02");
            var lab1=document.getElementById("lab1");
            var lab2=document.getElementById("lab2");
            var lab3=document.getElementById("lab3");
            var lab4=document.getElementById("lab4");
            var lab5=document.getElementById("lab5");
            var lab6=document.getElementById("lab6");
            var lab7=document.getElementById("lab7");
            var lab8=document.getElementById("lab8");
            if(imie=="")
                {
                    lab01.innerHTML="Pole jest puste";
                    lab01.style="color:red";
                }
            
            //Nie działa
            else if(imie.search('[0-9]')>1)
                {
                    lab01.innerHTML="Imie zawiera niedozwolony znak";
                    lab01.style="color:red";
                }
            //
            
            else
                {
                    lab01.innerHTML="Imie poprawne";
                    lab01.style="color:green";
                }
            
            if(nazw=="")
                {
                    lab02.innerHTML="Pole jest puste";
                    lab02.style="color:red";
                }
            
            //Nie działa
            else if(nazw.search('[0-9]')>1)
                {
                    lab02.innerHTML="Nazwisko zawiera niedozwolony znak";
                    lab02.style="color:red";
                }
            //
            
            else
                {
                    lab02.innerHTML="Nazwisko poprawne";
                    lab02.style="color:green";
                }
            
            //Nie działa
            if((imie!="")&&(imie.search('[0-9]')==0)&&(nazw!="")&&(nazw.search('[0-9]')==0))
                {
                    div1.innerHTML=("Witaj "+imie+" "+nazw);
                }
            //
            
            var mail_wz=/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
            if(email=="")
                {
                    lab1.innerHTML="Pole jest puste";
                    lab1.style="color:red";
                }
            
            //Nie działa
            else if(mail_wz.test(email))
                {
                    lab1.innerHTML=("Mail niepoprawny");
                    lab1.style="color:red";
                }
            else
                {
                    lab1.innerHTML=("Mail poprawny");
                    lab1.style="color:green";
                }
            //
            
            if(tel=="")
                {
                    lab2.innerHTML="Pole jest puste";
                    lab2.style="color:red";
                }
            else if((tel>=100000000)&&(tel<=999999999))
                {
                    lab2.innerHTML=("Telefon poprawny");
                    lab2.style="color:red;";
                    
                }
            if(pesel=="")
                {
                    lab3.innerHTML="Pole jest puste";
                    lab3.style="color:red;";
                }
            else if((pesel>=10000000000)&&(pesel<=99999999999))
                {
                    lab3.innerHTML="PESEL poprawny";
                    lab3.style="color:green;";
                }
            else
                {
                    lab3.innerHTML=("PESEL niepoprawny");
                    lab3.style="color:red;";
                }
            
            if(haslo=="")
                {
                    lab4.innerHTML="Pole jest puste";
                    lab4.style="color:red;";
                }
            
            //Nie działa
            else if((haslo.length>=8)&&(haslo.search("[0-9]")>0))
                {
                    lab4.innerHTML=("Hasło silne");
                    lab4.style="color:green";
                }
            else
                {
                    lab4.innerHTML=("Hasło za słabe!");
                    lab4.style="color:red";
                }
            //
            
            if(miasto=="")
                {
                    lab5.innerHTML="Pole jest puste";
                    lab5.style="color:red;";
                }
            else if((miasto.length>=3)&&(miasto.search("[0-9]")<1))
                {
                    lab5.innerHTML=("Miasto poprawne");
                    lab5.style="color:green;";
                }
            else
                {
                    lab5.innerHTML=("Miasto niepoprawne");
                    lab5.style="color:red;";
                }
            
            if(ulica=="")
                {
                    lab6.innerHTML="Pole jest puste";
                    lab6.style="color:red;";
                }
            else if((ulica.length>=3)&&(ulica.search("[0-9]")<1))
                {
                    lab6.innerHTML=("Ulica poprawna");
                    lab6.style="color:green;";
                }
            else
                {
                    lab6.innerHTML=("Ulica niepoprawna");
                    lab6.style="color:red;";
                }
            
            if(dom=="")
                {
                    lab7.innerHTML="Pole jest puste";
                    lab7.style="color:red;";
                }
            else if(dom.length>=1)
                {
                    lab7.innerHTML=("NR domu poprawny");
                    lab7.style="color:green;";
                }
            else
                {
                    lab7.innerHTML=("NR domu niepoprawny");
                    lab7.style="color:red;";
                }
            
            var kod_wz="/^\d\d-\d\d\d$/";
            if(kod=="")
                {
                    lab8.innerHTML="Pole jest puste";
                    lab8.style="color:red;";
                }
            
            //Nie działa
            else if(!kod_wz.test(kod))
                {
                    lab8.innerHTML=("Kod pocztowy niepoprawny");
                    lab8.style="color:red";
                }
            else
                {
                    lab8.innerHTML=("Kod pocztowy poprawny");
                    lab8.style="color:green;";
                }
            //
        }
        </script>
    </body>
</html>

Bardzo ale to bardzo proszę o pomoc, z góry dziękuje 

1 odpowiedź

+2 głosów
odpowiedź 31 maja 2018 przez RafalS VIP (122,820 p.)

Po kolei:

else if(imie.search('[0-9]')>1)

search zwraca indeks poczatku pierwszego trafienia lub -1 jeśli nic nie znajdzie. Sprawdzanie czy zwraca liczbe większą od 1 jest kiepskie, bo jeśli zaczniesz od cyfry to search zwróci 0. Jeśli chcemy sprawdzić czy zawiera to:

if(imie.search('[0-9]')!=-1)

nazwisko tak samo

if((imie!="")&&(imie.search('[0-9]')==0)&&(nazw!="")&&(nazw.search('[0-9]')==0))

odpowiedz ta sama, teraz sprawdzasz czy imie i nazwisko zaczyna sie od liczby

            else if(mail_wz.test(email))
                {
                    lab1.innerHTML=("Mail niepoprawny");

niedbałość, jeśli przejdzie test regexa to przecież jest poprawny

else if((haslo.length>=8)&&(haslo.search("[0-9]")>0))

to samo, search zwraca -1 jak nie znajdzie

var kod_wz="/^\d\d-\d\d\d$/";

to nie działa bo jest zwykłym stringiem, a ma być wyrażeniem regularnym, wywal cudzysłowy to zadziała.

Podobne pytania

0 głosów
1 odpowiedź 461 wizyt
Jak wstawić obrazek loga zamiast imienia i nazwiska? (3 odc. kursu html)
pytanie zadane 1 października 2017 w HTML i CSS przez wrxxx Początkujący (310 p.)
0 głosów
4 odpowiedzi 3,207 wizyt
Jak sprawdzić poprawność imienia i nazwiska w formularzu php?
pytanie zadane 14 października 2016 w PHP przez ThePatrykOOO Dyskutant (8,400 p.)
0 głosów
1 odpowiedź 224 wizyt
Problem z walidacją email - przykład z kursu
pytanie zadane 9 lutego 2018 w PHP przez skedar Nowicjusz (150 p.)

92,556 zapytań

141,404 odpowiedzi

319,563 komentarzy

61,942 pasjonatów

Kategorie pytań
Programowanie
Sprzęt komputerowy
Systemy operacyjne, programy
Sieci komputerowe
Hostingi, domeny, usługi
Urządzenia mobilne
Bezpieczeństwo, hacking
Rozwój zawodowy, nauka, praca
Egzaminy zawodowe
Matematyka, fizyka, logika
Grafika i multimedia
Ogłoszenia, zlecenia
Nasze projekty
Nasze poradniki
Sprawy forum
Offtop
Programowanie
C i C++ HTML i CSS JavaScript PHP SQL, bazy danych C# Java SPOJ Python Ruby Assembler Visual Basic Android, Swift, Symbian OpenGL, Unity Inne języki Algorytmy Systemy CMS Mikrokontrolery

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci

Snow Theme by Q2A Market
Powered by Question2Answer
...