[js] formularz i walidacja

Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript

[js] formularz i walidacja, nie sprawdza zmiennych

IceManSpy Zobacz profil	31.07.2010, 20:51:42 Post #1
Grupa: Zarejestrowani Postów: 1 006 Pomógł: 111 Dołączył: 23.07.2010 Skąd: Kraków Ostrzeżenie: (0%)	Witam Mam taki plik HTML (głównie chodzi o formularz): [HTML] pobierz, plaintext <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Collapsible Message Panels</title> <script type="text/javascript" src="jquery.js"></script> <script type="text/javascript" src="spr.js"></script> </head> <body> <form> Imię: <input id="imie" name="imie" type="text" size="20" maxlength="20" /><span id="imie"></span><br /> Telefon: <input id="telefon" name="telefon" type="text" size="20" maxlength="20" /><span id="telefon"></span><br /> <input type="submit" value="Wyslij" /> </form> </body> </html> [HTML] pobierz, plaintext I taki JS: Kod $(document).ready(function() { $("form").submit(function() { var imionko = document.getElementById("imie").value; var wzorimionko = /^[a-zA-Z]+$/g; var telefon = document.getElementById("telefon").value; var wzortelefon = /[0-9]{4}/g; if(!wzorimionko.test(imionko)) { alert("Imie: "+imionko); $("span#imie").html('<img src="delete.png" /><strong>Prosze wprowadzić poprawne imię!</strong>').fadeIn(500); return false; } else if(!wzortelefon.test(telefon)) { //alert("1 if"); alert("Fon: "+telefon); $("span#telefon").html('<img src="delete.png" /><strong>Prosze wprowadzić poprawny telefon!</strong>').fadeIn(500); return false; } else { //alert("2 if"); return true; } }); }); Te kody są oczywiście dla testu i nauki. I teraz moje pytanie jak zrobić aby było poprawnie tzn formularz się wysyłał, gdy przejdę te kroki: 1. Wpiszę poprawne imię np. Zosia 2. Daję wyślij -> pokazuje się komunikat o błędnym telefonie (pokazuje się alert z pustym telefonem) 3. Dopisuje poprawny telefon np 1234 4. Daję wyślij -> pokazuje mi się komunikat o błędnym imieniu (chociaż nie jest skasowane ani nie zmienione) + alert, gdzie ta wartość istnieje 5. Dopiero jak drugi raz dam wyślij. nic nie zmieniając to przechodzi. Nawet jeśli wpisze imię np Zosia i kliknę 2 razy na Wyślij, to mi pokazuje błędne imie. Tak, jakby nie sprawdzało za każdym razem :/ . Ten post edytował IceManSpy 31.07.2010, 23:06:10 -------------------- Mój blog Dropbox jako repozytorium GIT \|\| Podgląd zapytań do bazy danych w Zend FrameWork