Ta strona używa ciasteczek (cookies), dzięki którym nasz serwis może działać lepiej. Dowiedz się więcej OK, rozumiem

pytanie o preventDefault a walidacje

Tworzenie dynamicznych stron internetowych z zastosowaniem JavaScript, jQuery, Ajax. Dowiedz się jak to zrobić, znajdź rozwiązania swoich problemów.

pytanie o preventDefault a walidacje

Post 10.01.2019, 22:12:11

Witam mam pytanie

Kod: Zaznacz cały
$( '#submit' ).click( function () {
 
        event.preventDefault();
        $.ajax( {
            url: "send.php",
            data: {
                'name': $( '#name' ).val(),
                'email': $( '#email' ).val(),
                'phone': $( '#phone' ).val(),
                'message': $( '#message' ).val()
            },
            type: 'POST',
            success: function (  ) {
                $( '.send-message' ).html( 'Wyslano' );
                $( '#name' ).val();
                $( '#email' ).val();
                $( '#phone' ).val();
                $( '#message' ).val();
            },
            error: function (  ) {
                $( '.send-message' ).html( 'error' );
            }
        });
    });




TO działa i ładnie nie przeskakuje do kolejnego okienka ale można wysyłać puste wiadomości nie działa required html'owy a taka walidacja mi wystarczy za to poniżej działa walidacja htmlkowa ale przeskakuje do send.php
Kod: Zaznacz cały
$('submit').on('click', function (e) {
 
        e.preventDefault();
        $.ajax( {
            url: "send.php",
            data: {
                'name': $( '#name' ).val(),
                'email': $( '#email' ).val(),
                'phone': $( '#phone' ).val(),
                'message': $( '#message' ).val()
            },
            type: 'POST',
            success: function (  ) {
                $( '.send-message' ).html( 'Wyslano' );
                $( '#name' ).val();
                $( '#email' ).val();
                $( '#phone' ).val();
                $( '#message' ).val();
            },
            error: function (  ) {
                $( '.send-message' ).html( 'error' );
            }
        });
    });
martexx
Posty: 44
Dołączył(a): 20.08.2013

Re: pytanie o preventDefault a walidacje

Post 10.01.2019, 23:53:45

Zamiast nasłuchiwać na kliknięcia na (prawdopodobnie) przycisku, nasłuchuj na zdarzenie "submit" na elemencie <form>
Dziękuję wszystkim za lata współpracy, ciekawych pytań i dyskusji. Będę wspominał to forum z wielkim sentymentem • kukawski.pl
Avatar użytkownikakuku
Rafał Kukawski

410 Gone
410 Gone

Posty: 19894
Dołączył(a): 14.04.2002


Powrót do JavaScript


 


  • Podobne wątki
    Odpowiedzi
    Wyświetlone
    Ostatni post

Kto przegląda forum

Użytkownicy przeglądający ten dział: Brak zidentyfikowanych użytkowników i 21 gości

Subskrypcja

Mamy 54313 zarejestrowanych użytkowników.
Najnowszy użytkownik: JaimeTRETS


Nasi użytkownicy napisali:

  • 941555 wiadomości
  • w 250593 tematach

Najnowsze wpisy na blogu

Najnowsze artykuły

Najaktywniejsi (ostatnie 30 dni)