Loading:


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ę.



Napisz Artyku³

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: 28716
Komentarze użytkowników
    • Tre¶æ komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-2024 v.1.5 | design: diviXdesign & rainbowcolors