Drukowana wersja tematu

Napisany przez: martex 10.01.2019, 22:08:39

[HTML] pobierz, plaintext 
$( '#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' );
            }
        });
    });
[HTML] pobierz, plaintext 

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

[HTML] pobierz, plaintext 
$('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' );
            }
        });
    });
[HTML] pobierz, plaintext 

Napisany przez: trueblue 10.01.2019, 22:31:10

A wiesz dlaczego w drugim przypadku działa walidacja? Bo nie podpiąłeś kodu do żadnego elementu (nie ma tagu <submit>).
Powinieneś obsłużyć zdarzenie onsubmit formularza, a nie onclick przycisku, bo obecnie najzwyczajniej nie dochodzi do zatwierdzenia formularza, a co za tym idzie do jego wcześniejszej walidacji.

Napisany przez: martex 10.01.2019, 23:47:58

hmmm faktycznie
$('form').on('submit', function (e) .....
zadziałało
dzieki