Php Ajax Form is not submitting

Question

Hey guys I am creating a newsletter sign-up form and trying to submit it with AJAX..

Here is my form:

<div id="form-content">
  <form method="POST" id="news-form" name="newsletter">
     <div class="bd-input-2 form-group">
        <input type="email" name="newsletter_email" placeholder="Enter your email address" required />
     </div>             
     <div class="form-group">
        <button type="submit" name="newsletter">Submit</button>
     </div>
   </form>
</div>

And this one is my JS file in same page as form:

$('#news-form').submit(function(e){     
    e.preventDefault();
    $.ajax({
        url: 'newsletter-submit.php',
        type: 'POST',
        data: $(this).serialize()
    })
    .done(function(data){
        $('#form-content').fadeOut('slow', function(){
            $('#form-content').fadeIn('slow').html(data);
            console.log(data);
        });
    })
    .fail(function(){
        alert('Ajax Submit Failed ...');    
    });
});

On console nothing is displaying not even an error just an empty line.

And my newsletter-submit.php file :

<?php
if(isset($_POST['newsletter'])){
    $newsletter_email = filter_var($_POST['newsletter_email'],FILTER_VALIDATE_EMAIL);    
    if(filter_var($newsletter_email, FILTER_VALIDATE_EMAIL)){
        $newsletter_email = filter_var($newsletter_email, FILTER_VALIDATE_EMAIL);
        $em_check = sqlsrv_query($con, "SELECT email FROM newsletter_signups WHERE email='$newsletter_email'",array(), array("Scrollable"=>"buffered"));
        $num_rows = sqlsrv_num_rows($em_check); 
        if($num_rows > 0){
            echo "<br/><p style='color: #fff;'>Email exist in our newsletter list.</p>";
        }else{
            $query = "INSERT INTO newsletter_signups (email) VALUES ('{$newsletter_email}')";
            $insert_newsletter_query = sqlsrv_query($con,$query);
            echo '<br/><p style="color: green;">Thank you for sign up in our newsletter</p>';
        }
    }
}
?>

But if I add any code after php tags e.g Hello world that is displayed after the submission.

My php code was working before AJAX file

Have you watched the AJAX request / response in the browser's developer tools? Have you included the jQuery library in the project? Are there any errors reported? Are you running this on a web-server? — Jay Blanchard
– Jay Blanchard, Commented Oct 17, 2017 at 15:43
Your input field is named newsletter_email and in your php you are checking for isset($_POST['newsletter']) — emed
– emed, Commented Oct 17, 2017 at 15:45
@JayBlanchard Yes I run it on web-server Windows R2012 I have Jquery library and I get no error — Maria
– Maria, Commented Oct 17, 2017 at 15:45
as mentioned, changing to if(isset($_POST['newsletter_email'])){ should sort it. Basically it never gets into this if block, so no query is run and consequently nothing is returned. — ADyson
– ADyson, Commented Oct 17, 2017 at 15:46

emed · Accepted Answer · 2017-10-17 15:49:30Z

3

Your input field is named newsletter_email and in your php you are checking for isset($_POST['newsletter']) which is always false.

answered Oct 17, 2017 at 15:49

emed

7461 gold badge9 silver badges19 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

emed Over a year ago

@Maria To avoid this implement the else's , because you will get another empty response if filter_var($newsletter_email, FILTER_VALIDATE_EMAIL) returns false

Collectives™ on Stack Overflow

Php Ajax Form is not submitting

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related