Quantcast
Channel: Forum Pasja Informatyki - Najnowsze pytania i odpowiedzi
Viewing all articles
Browse latest Browse all 83164

Sprawdzenie pola checkbox w javascript

$
0
0

Witam,

Zrobiłem powiadomienie dla pól intup type=text w formularzu. Poptrzebuję jeszcze napisać powiadomienie do pola input type=checkbox.

Oto mój kod javascrpit poniżej:

 

function sprawdzenie()
{  
    var blad=false;
	
    document.getElementById("Formularz").onsubmit = function()  // zostanie wywołana funkcja jesli uzytkownik nacisnie przycisk wyslij
    {
        if(document.getElementById("imie").value == ""){     //wlasciwosc elementu imie dla mojego obiektu jest pusta
            document.getElementById("imie1").innerHTML = "Uzupełnij imię";
            blad = true;	// jesli blad przyjmuje wartosc true 
        }else
		{
			document.getElementById("imie1").innerHTML = ""; // po to aby po ponownym zaladowaniu strony nie pokazywalo sie powiadomienie np uzupelnij imie 
		}
       
	   if(document.getElementById("nazwisko").value == ""){  
            document.getElementById("nazwisko1").innerHTML = "Uzupełnij nazwisko";
            blad = true;
        }else
		{
			document.getElementById("nazwisko1").innerHTML = "";
		}
		
        if(document.getElementById("email").value == ""){    
            document.getElementById("email1").innerHTML = "Uzupełnij e-mail";
            blad = true;
        }else
		{
			document.getElementById("email1").innerHTML = "";
		}
		
       
        if(blad == true) // funkcja ta sprawdza czy blad jest rowny prawdzie jesli tak to zwroci fałsz
		{
			return false;
		}			
		else 
		{
			document.getElementById("prawy").innerHTML=document.getElementById("imie").innerHTML;
		}
		
    };
}
 
window.onload = function(){  //Ta funkcja wykonuje się przy wczytaniu okna przeglądarki 
    sprawdzenie();  
};
 
document.getElementById("send").onclick = sprawdzenie;  //funkcja ktora po nacisnieciu przycisku "wyslij" , sprawdza pole

 

Oraz kod html z formularza:

 

<form id="Formularz" action="" method="post">
 
                <p>Imię:</p>
                <input type="text" name="imie" id="imie" />
				<a id="imie1"></a>
			
 
                <p>Nazwisko:<p>
				<input type="text" name="nazwisko" id="nazwisko"  />
				<a id="nazwisko1"></a>
				
				<p>Płeć:</p>
                <input type="radio" name="plec" value="kobieta">Kobieta 
				<input type="radio" name="plec" value="mężczyzna">Mężczyzna
 
                <p>Jakie znasz języki?</p>
                <input type="checkbox" name="jezyk" value="angielski">angielski<br> 
				<input type="checkbox" name="jezyk" value="francuski"> francuski<br> 
				<input type="checkbox" name="jezyk" value="niemiecki"> niemiecki<br>
                <input type="checkbox" name="jezyk" value="rosyjski">rosyjski<br><br>
 
                <strong>Adres e-mail:</strong>
                <input type="text" name="email" id="email" />
               	<a id="email1"></a>
				
				<p>Hobby:<p>
                    <select name="hobby">
                        <option >Muzyka</option>
                        <option >Sport</option>
                        <option >Polityka</option>
                        <option>Malarstwo</option>
                        <option>Wędkarstwo</option>
                    </select>
				
				<p>Tutaj wpisz wiadomość:</p>
				<textarea name="uwagi" rows="2" cols="10">
				</textarea>
					 
					 <br> <br> 
					<input type="submit" value="Wyślij" id="send"/>
					<input type="reset" value="Resetuj">
            </form>

 


Viewing all articles
Browse latest Browse all 83164

Trending Articles