Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript]sprawdzanie input
Forum PHP.pl > Forum > Przedszkole
Randallmaster
Jak zmienić tek kod na jquery?
  1. function sprawdz_formularz()
  2. {
  3. // zmienna przechowujaca komunikaty bledow
  4. var bledy = '';
  5. // przypisanie obiektu formularza do zmiennej
  6. var f = document.forms['dodaj'];
  7.  
  8.  
  9. if (f.kon_name_firm.value == '')
  10. bledy = 'Prosimy wypełnić wszystkie pola. Dziękujemy.'
  11. // sprawdzenie czy byly bledy
  12. if (bledy == '')
  13. return true;
  14. else
  15. {
  16. alert(bledy);
  17. return false;
  18. }
  19. }


Moje wypociny:
#dodaj to id formularza a #sprawdz to id inputa submit

  1. $(document).ready(function() {
  2. $('#sprawdz').click(function() {
  3. var form = $('#dodaj input');
  4. if (form.find('input[name=kon_name_firm]').attr('value', ''))
  5. alert('Prosimy wypełnić wszystkie pola. Dziękujemy.');
  6. )};
  7. )};
kamil4u
1.
Kod
var form = $('#dodaj input');

Wyszukujesz el. input w formularzu.

2.
Kod
form.find('input[name=kon_name_firm]')

Wśród tych elementów szukasz input-ów o danym name.

1+2 = Szukasz inutów w inputach.

3.
Cytat
attr('value', '')

Zmieniasz atrybut value, a Ty masz go odczytać i porównać:
Kod
attr('value') == ''


4. Lepiej przypisać zdarzenie onsubmit do formularza, a nie onclick dla submit
5. I wtedy return false; blokuje wysłanie formularza
Mgorka
użyj jquery.validate poczytaj jej dokumentacje masz wszystko filtry email int wyświetlanie komunikatów proste i łatwe w implementacji poszukaj na github implementacji smile.gif
Randallmaster
kamil4u probowalem jak pisałeś i niestety nie działa,
co od validate() dużo tego ale nie mogę zrobić żeby input podświetlał się na czerwono
kamil4u
Pokaż jak próbowałeś
Mgorka
Jak masz pusty input etc. validiator dodaje ci do niego klasę error weź nadaj sobie w css globalnie kalse error z np border 1px solid red
wNogachSpisz
jQuery.formWizard
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.