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: 0
    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-2025 v.1.5 | design: diviXdesign & rainbowcolors