CODEWITHSUNDEEP
javascripthtmlajaxformssubmit
Tharaka Nuwan
Tharaka Nuwan

Reputation: 782

Submit without leaving page

My form

<form id="reservationForm" action="sendmail.php" method="post">
...
.
.
.
.
<input type="image" src="images/res-button.png" alt="Submit" class="submit" width="251" height="51px">

My javascript

$("#reservationForm").submit(function () {     

        e.preventDefault();
        var $form = $(this);

     $.ajax({
            type: 'POST',
            url: 'sendmail.php',
            data: $('#form').serialize(),
            success: function(response) {
                alert("Success");
                $('#reservationForm').fadeOut("slow");
            }
});
     return false;
});

i don't want to run any validation because i have user 'required' in all types. i just want to send data to my php while staying at the same contact form. but this only load my php file and send the e-mail. looks like it dosen't run my javascript. please help

Upvotes: 0

Views: 1385

Answers (1)

nordhagen
nordhagen

Reputation: 809

You haven't defined the event argument in the callback. Change this line as follows and it should work:

$("#reservationForm").submit(function (e) {   
...

EDIT: BTW: The .submit event handler of jQuery short hand is deprecated. You should be using .on('submit', ...instead.

Upvotes: 1

Related Questions