Unable to submit my contact form with ajax

Question

I am trying to submit this form on my hosted domain, and I can figure why my php code is not working. I have included the jquery and my script code in my html.php page corectly. I do not have any javascripts errors, still the form is not submited, can not figure that out.

Php code

    $name = filter_var($_POST['q1'], FILTER_SANITIZE_STRING);
    $email = filter_var($_POST['q2'], FILTER_SANITIZE_EMAIL);
    $priority=filter_var($_POST['q3'], FILTER_SANITIZE_EMAIL);
    $message = filter_var($_POST['q4'], FILTER_SANITIZE_STRING);
    $buget = filter_var($_POST['q5'], FILTER_SANITIZE_EMAIL);



    $sent = email($to,$email,$name,$buget,$message);
    if ($sent) {
        echo 'Message sent!';
    } else {
        echo 'Message couldn\'t sent!';
    }
}
else {
    echo 'All Fields are required';
}
return;
}

/**
* email function
*
* @return bool | void
**/
function email($to,$email,$name,$buget,$message){
  $header = array();
  $header[] = "MIME-Version: 1.0";
  $header[] = "From: {$from_name}<{$from_mail}>";
  /* Set message content type HTML*/
  $header[] = "Content-type:text/html; charset=iso-8859-1";
  $header[] = "Content-Transfer-Encoding: 7bit";
  if( mail($to, $buget, $message, implode("
", $header)) ) return true; 
}

?>

Html form


   
            
                
                    What's your name? 
                    
                
                
                    What's your email address?
                    
                
                
                    What's your priority for your new website?
                    
                             Sell things
                        Become famous
                        Mobile market
                    
                
                
                    Choose a color for your website.
                    
                
                
                    Describe how you imagine your new website
                    
                
                
                    What's your budget?

Javascript code

$(document).ready(function() {
var form = $('#form'); // contact form
var submit = $('#submit');  // submit button


// form submit event
form.on('submit', function(e) {
    e.preventDefault(); // prevent default form submit
    // sending ajax request through jQuery
    $.ajax({
        url: '', // form action url
        type: 'POST', // form submit method get/post
        dataType: 'html', // request type html/json/xml
        data: form.serialize(), // serialize form data 
        beforeSend: function() {

            submit.html('Sending....'); // change submit button text
        },
        success: function(data) {

            form.trigger('reset'); // reset form
            submit.html('Send Email'); // reset submit button text
        },
        error: function(e) {
            console.log(e)
        }
    });
});
});

Suchit kumar · Accepted Answer

first your form Id is myform and to submit the form using ajax you can simply get a button and on click of it you can use ajax like this:

html

Script

$(document).ready(function() {
var form = $('#myform'); // contact form id
// form submit event
 $('#submit').on('click', function(e) {
   //your ajax call here
});
});

Unable to submit my contact form with ajax

Answers (2)

Related Questions