Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript]sprawdzanie input
Randallmaster
post
Post #1





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


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. )};


Ten post edytował Randallmaster 6.01.2013, 14:47:35
Go to the top of the page
+Quote Post
kamil4u
post
Post #2





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


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
Go to the top of the page
+Quote Post
Mgorka
post
Post #3





Grupa: Zarejestrowani
Postów: 209
Pomógł: 3
Dołączył: 6.04.2010
Skąd: Słupca

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


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 (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Randallmaster
post
Post #4





Grupa: Zarejestrowani
Postów: 677
Pomógł: 11
Dołączył: 18.11.2009

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


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
Go to the top of the page
+Quote Post
kamil4u
post
Post #5





Grupa: Zarejestrowani
Postów: 2 350
Pomógł: 512
Dołączył: 4.01.2009
Skąd: Wrocław / Świdnica

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


Pokaż jak próbowałeś
Go to the top of the page
+Quote Post
Mgorka
post
Post #6





Grupa: Zarejestrowani
Postów: 209
Pomógł: 3
Dołączył: 6.04.2010
Skąd: Słupca

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


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
Go to the top of the page
+Quote Post
wNogachSpisz
post
Post #7





Grupa: Zarejestrowani
Postów: 1 233
Pomógł: 87
Dołączył: 6.03.2009

Ostrzeżenie: (40%)
XX---


jQuery.formWizard
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 22.12.2025 - 23:40