$( '#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
$('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' ); } }); });