Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [HTML][JavaScript]walidacja formularza
Maciek1705
post 26.01.2012, 20:59:37
Post #1





Grupa: Zarejestrowani
Postów: 157
Pomógł: 3
Dołączył: 15.06.2009

Ostrzeżenie: (0%)
-----


Witam wszystkich otóż mam pewien problem i pytanie w zasadzie, robie formularz z walidacją w js i php, z walidacją php w zasadzie nie ma problemu, natomiast w js jest pewien szkopuł już przedstawiam co i jak:

  1. function checkImie(whatYouTyped) {
  2. var fieldset = whatYouTyped.parentNode;
  3. var txt = whatYouTyped.value;
  4. if ((/^([a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ])*([ ]?)([a-zA-ZąćęłńóśźżĄĆĘŁŃÓŚŹŻ]?)*$/.test(txt)) && (txt.length > 2)) {
  5. fieldset.className = "welldone";
  6. } else {
  7. fieldset.className = "";
  8. }
  9. checkForm();
  10. }
  11.  
  12. function addLoadEvent(func) {
  13. var oldonload = window.onload;
  14. if (typeof window.onload != 'function') {
  15. window.onload = func;
  16. } else {
  17. window.onload = function() {
  18. oldonload();
  19. func();
  20. }
  21. }
  22. }
  23.  
  24. function prepareInputsForHints() {
  25. var inputs = document.getElementsByTagName("input");
  26. for (var i=0; i < inputs.length; i++){
  27. inputs[i].onfocus = function () {
  28. this.parentNode.getElementsByTagName("span")[0].style.display = "inline";
  29. }
  30. inputs[i].onblur = function () {
  31. this.parentNode.getElementsByTagName("span")[0].style.display = "none";
  32. }
  33. }
  34. checkImie(document.getElementById('Imie'));
  35. checkForm();
  36. }
  37.  
  38. // Funkcja sprawdza czy wypełniono wszystkie wymagane pola formularza
  39. function checkForm() {
  40. if( document.getElementById('Imie').parentNode.className == "welldone")
  41. document.getElementById('submit').disabled = false;
  42. else document.getElementById('submit').disabled = true;
  43. }
  44. addLoadEvent(prepareInputsForHints);
  45.  
  46.  
  47. <form id='frm' action='#.php' method='post'>
  48.  
  49. <input class='in_frm' type='text' id='imie' name='txtImie' maxlength='50' onkeyup='checkImie(this);' />
  50. <label class='lab_frm'>Opis 1</label><input name="Typ" type="radio" value="wartosc3" />
  51. <label class='lab_frm'>Opis 2</label><input name="Typ" type="radio" value="wartosc2" />
  52. <label class='lab_frm'>Opis 3</label><input name="Typ" type="radio" value="wartosc3" />
  53.  
  54. </form>
  55.  


obecnie pole input po poprawnym wypełnieniu jest odznaczane tzn. obok pola pojawia się ikonka "ptaszek" że wszystko gra. Czy jest możliwość dołączenia walidacji dla radio buttona do obecnej już, to znaczy jeśli wybiore jakiś rodio butonn o tym samym name to mi go odznaczy że wszystko gra itp.
W sieci znalazłem przykłady sprawdzania radiobuttona np taki:
  1. if (document.forms.frm.elements.Typ.value == "") {
  2. //kod na brak zaznaczenia
  3. }
  4. else{}
  5.  
  6. jednak nie wiem czy on zda egzamin dlatego proszę o pomoc ponieważ nie wiem jak to dostosować do swojej walidacji.


Ten post edytował Maciek1705 26.01.2012, 21:00:29
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 6.07.2025 - 19:28