Walidacja danych wprowadzonych do formularza z podświetleniem w razie błędu
Skrypt sprawdza czy zostały podane dane w formularzu w przypadku błędy podświetla odpowiednią komórkę.
Listing
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax</title>
<script type="text/javascript">
function sprawdzDane()
{
var tfImie = document.getElementById('tfImie');
var tfNazwisko = document.getElementById('tfNazwisko');
var tfImieTekst = tfImie.value;
var tfNazwiskoTekst = tfNazwisko.value;
var err = false;
if(tfImieTekst == ''){
tfImie.style.backgroundColor = "#FFFF00";
err = true;
}
else{
tfImie.style.backgroundColor = "#FFFFFF";
}
if(tfNazwiskoTekst == ''){
tfNazwisko.style.backgroundColor = "#FFFF00";
err = true;
}
else{
tfNazwisko.style.backgroundColor = "#FFFFFF";
}
if(err){
alert("Proszę wypełnić wszystkie pola formularza!");
}
else{
//kod wysyłający dane do serwera
}
}
</script>
</head>
<body>
<div>
Imię: <input type="text" id="tfImie" />
Nazwisko: <input type="text" id="tfNazwisko" />
<input type="button" value="Wyślij"
onclick="sprawdzDane();" id="bWyslij" />
</div>
</body>
</html>
Dodano przez: igor
Ranga: Administrator serwisu Punktów: 0
Ranga: Administrator serwisu Punktów: 0
Komentarze użytkowników
:: Losowe artykuły
:: Wymiana linków
Modowe inspiracje |
Android Gry i Aplikacje |
ZaplanujTransport.pl: Przeprowadzki, transport, aukcje |
Logo dla firmy |
Change Tires - Car Weather Forecast Reminder |
Laminas: MVC Framework for PHP |
IT Books Reviews and Programming: JS, JAVA, PHP, ANDROID, CSS |
Katalog roślin |
Programming articles: JAVA, PHP, C++, Python, JavaScript |
Kancelaria Adwokacka Łukasz Huszno