Forum PHP.pl > [jquery] zła walidacja formularzy

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [jquery] zła walidacja formularzy

lamcpp

24.05.2011, 22:23:05

Witam, skrypt powinien po wpisaniu w polu imie numeru wyświetlić błąd, tak samo jak po wpisaniu w polu wieku imienia.
W tej chwili skrypt dziwnie się zachowuje, przez cały czas wyświetla błąd
plik html:

[HTML] pobierz, plaintext 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8">
    <title></title>
    <script src="jquery.js"></script>
    <script src="zdarzenia.js"></script>
    <style type="text/css">
    </style>
  </head>
  <body>
      <form>
          Podaj imię:<input type="text" name="imie" />
          Podaj wiek:<input type="text" name="wiek" />
          <input type="submit" name="submitted" value="Wyślij" />
      </form>
      <span></span>
  </body>
</html>
[HTML] pobierz, plaintext

plik js:

[XML] pobierz, plaintext 
$(document).ready(function(){
   $("form").submit(function(){
       if((typeof $("input[name='imie']")) != "string"){
           $("span").text("BŁĄD. Podałeś niewłaściwą wartość w pole imie").css("color","red");
           return false;
       }
       if((typeof $("input[name='wiek']")) != "number"){
           $("span").text("BŁĄD. Podałeś niewłaściwą wartość w pole wiek").css("color","red");
           return false;
       }
   });
});
[XML] pobierz, plaintext

pablo_83

25.05.2011, 00:27:22

proponuje użyć gotowej wtyczki jquery, jest przejrzysta i prosta w obsłudze. łatwo ją też zastosować przy bardziej rozbudowanych formularzach.

jQuery Validate

Kiedy wyświetla Ci błąd, w którym momencie?
czy po wprowadzeniu wartości do inputów masz jakąś funkcję sprawdzającą poprawność bez klikania submita?
czy po wciśnięciu submita formularz jest wysyłany czy nie? jeśli tak nie masz tylko kasowania błędu z forma.

ale szczerze polecam gotowe rozwiązania, są mniej czasochłonne i sprawdzone przede wszystkim.

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.