<script type="text/javascript">
    $(document).ready(function(){
     $("form#submit").submit(function() {
      // Przechwytujemy wartości z formularza i przesyłamy je do pliku insert.php
      var imie = $('input[name=imie]');
      var nazwisko = $('input[name=nazwisko]');
    
      // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
      if(imie.val() == "") {
       $('div.blad').fadeIn(400);
       // Usuwamy wiadomość o błędzie po 4 sekundach
       setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
       return false;
      }
    
      // Jeżeli pole jest puste wyświetlamy błąd i nie dodajemy rekordu
      if(nazwisko.val() == "") {
       $('div.blad').fadeIn(400);
       // Usuwamy wiadomość o błędzie po 4 sekundach
       setTimeout(function(){ $("div.blad").fadeOut(400) }, 4000);
       return false;
      }
    
      var data = 'imie=' + imie.val() + '&amp;nazwisko=' + nazwisko.val();
    
      $.ajax({
       type: "POST",
       url: "whitelist/pirate.php",
       data: data,
       success: function(){
        // Usuwamy wpisane dane
        $('#imie').val('');
        $('#nazwisko').val('');
        // Wyświetlamy wiadomość o poprawnym dodaniu użytkownika
        $('div.dodano').fadeIn(400);
        // Usuwamy wiadomość o poprawnym dodaniu użytkownika po 4 sekundach
        setTimeout(function(){ $("div.dodano").fadeOut(400) }, 4000);
       }
      
      });
      return false;
     });
    });
    </script>
<center>
    <form id="submit" method="post" name="submit" action="">
       <fieldset>
        <legend>White-Lista</legend>
    
        <label for="imie">Nick:</label>
        <br />
        <input type="text" name="imie" id="imie" class="text" size="20" />
        <br />
      
        <br /><br />
    
        <button type="submit" id="submit">Dodaj do white-listy</button>
       </fieldset>
    </form>
     </center>
    <div class="dodano" style="display:none;">
       <p><img class="tick" src="tick.png" alt="" />Zostałeś dodany<b></p>
    </div>
    <div class="blad" style="display:none;">
       <p><img class="error" src="error.png" alt="" />Uzupełnij formularz!</p>
    </div>