Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [HTML][PHP][JavaScript]Walidacja formularza
Forum PHP.pl > Forum > Przedszkole
DerekDX
Witam w internecie znalazlem ciekawy skrypt do sprawdzania poprawnosci wpisanych danych w formularzu niestety wiem jak zmusić funkcje w js do sprawdzania tresci wpisanych w pola formularza bede wdzieczny za wszelka pomoc o to moj kod

  1. echo'<script language=”JavaScript” type=”text/javascript”>
  2. function validateForm(AForm)
  3. {
  4. //1. Imię
  5. reg = /^[a-zA-Z±ćęłń󶿼ˇĆĘŁŃӦݬ]{2,20}$/;
  6. wyn = AForm.login.value.match(reg);
  7. if (wyn == null) {
  8. alert("Proszę podać poprawne imie. " +
  9. "Imie musi zawierać od 2 do 20 liter. " +
  10. "Żadne znaki poza literami nie s± dozwolone.");
  11. return false;
  12. }
  13.  
  14. //2. Email
  15. reg = /^[a-zA-Z0-9±ćęłń󶿼ˇĆĘŁŃӦݬ]{1,30}@[a-zA-Z0-9±ćęłń󶿼ˇĆĘŁŃӦݬ]+(\.[a-zA-Z0-9±ćęłń󶿼ˇĆĘŁŃӦݬ]+)+$/;
  16. wyn = AForm.email.value.match(reg);
  17. if (wyn == null) {
  18. alert("Proszę podać poprawny adres email. " +
  19. "Poprawny adres musi zawierać małpę " +
  20. "oraz co najmniej dwa człony nazwy serwera, " +
  21. "np. a@b.c lub ala@ma.kota.czarnego.com.");
  22. return false;
  23. }
  24. return true;
  25. }
  26. </script>';
  27.  
  28. <?php
  29. echo '<form action="dodawanie_user.php" method="post" name="rejestracja">
  30. <font color="white">Login:<br/>
  31. <input type="text" name="login"><br/>
  32. e-mail:<br/>
  33. <input type="text" name="email" width="200" height="200"><br/>
  34. Hasło:<br/>
  35. <input type="password" name="haslo1"><br/>
  36. Powtórz hasło:</font><br/>
  37. <input type="password" name="haslo2"><br/>
  38. <input type="submit" name="rejestruj" value="załóż konto" onClick="return validateForm(this);"></form>';
  39. ?>
tehaha
tu masz prosty w użyciu gotowiec http://www.javascript-coder.com/html-form/...alidation.phtml
thek
AForm.login.value.match(reg);
AForm.email.value.match(reg);
To w skrypcie jest name pola. Zmodyfikuj skrypt lub/i formularz do potrzeb.
DerekDX
Ehh cosik niemoge skłonić tego gotowca do współpracy niby wszystko jest ok ale walidacja pola Email nie dziala sprawdza tylko czy jest jakis znak w polu a nie sprawdza czy jest malpa itd prose o sprawdzenie skryptu
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Document bez tytułu</title>
  6. <link href="css/style.css" rel="stylesheet" type="text/css" />
  7. <BASE TARGET="okno">
  8. <script language="JavaScript" src="js/gen_validatorv31.js" type="text/javascript"></script>
  9. </head>
  10. <body>
  11.  
  12.  
  13.  
  14. <form action="dodawanie_user.php" method="post" name="rejestracja">
  15. <font color="white">Login:<br/>
  16. <input type="text" name="login"><br/>
  17. e-mail:<br/>
  18. <input type="text" name="Email" width="200" height="200"><br/>
  19. Hasło:<br/>
  20. <input type="password" name="haslo1"><br/>
  21. Powtórz hasło:</font><br/>
  22. <input type="password" name="haslo2"><br/>
  23. <input type="submit" name="rejestruj" value="załóż konto" ></form>
  24.  
  25. <script language="JavaScript">
  26. var frmvalidator = new Validator("rejestracja");
  27. frmvalidator.addValidation("login","alpha");
  28. frmvalidator.addValidation("login","req","Proszę podać login");
  29. frmvalidator.addValidation("login","maxlen=20",
  30. "Maksymalna długo¶ć loginu to 20 znaków");
  31.  
  32. frmvalidator.addValidation("Email","maxlen=50");
  33. frmvalidator.addValidation("Email","req");
  34. frmvalidator.addValidation("Email","email");
  35.  
  36. frmvalidator.addValidation("haslo1","req","WprowadĽ hasło");
  37.  
  38. frmvalidator.addValidation("haslo2","req","WprowadĽ hasło w drugim polu");
  39. </script>
  40.  
  41. </body>
  42. </html>
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.
Invision Power Board © 2001-2025 Invision Power Services, Inc.