Skocz do zawartości

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

Teglo

dodany przez Teglo,
w Programowanie

 Udostępnij Obserwujący 0

Recommended Posts

Teglo

Teglo 0

Napisano
Napisano

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

Link to post
Share on other sites
mabrothrax

mabrothrax 5730

Napisano
Napisano 
function validate(){ 
var re = /^[A-Za-z]+$/;
if(re.test(document.getElementById("textboxID").value))
alert('Valid Name.');
else
alert('Invalid Name.'); 
}

Można to zrobić na kilka sposobów, zależy od podejścia. Jeśli chodzi o mail wystaczy użyć odpowiedniego atrybutu input w textboxie. Jeśli chodzi o kod pocztowy sytuacja ma się podobnie.

<form>
    <input type="pid"  id="pid" maxlength="6" pattern="^\w{2}\-\w{3}$" required value="00-000" size="35"/>

    <input type="submit" value="Submit" />
</form>

Może to ci coś rozjaśni.

Link to post
Share on other sites

Dołącz do dyskusji

Możesz dodać zawartość już teraz a zarejestrować się później. Jeśli posiadasz już konto, zaloguj się aby dodać zawartość za jego pomocą.

Gość
Odpowiedz w tym wątku...

×   Wklejono zawartość z formatowaniem.   Usuń formatowanie

  Dozwolonych jest tylko 75 emoji.

×   Odnośnik został automatycznie osadzony.   Przywróć wyświetlanie jako odnośnik

×   Przywrócono poprzednią zawartość.   Wyczyść edytor

×   Nie możesz bezpośrednio wkleić grafiki. Dodaj lub załącz grafiki z adresu URL.

×
 Udostępnij
Obserwujący 0
Wróć do listy tematów

  • Ostatnio przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×
×
  • Dodaj nową pozycję...