form input to javascript to php

Question

I don't understand what the problem is, I'm left confused. I assume the problem might be very simple as I am new to PHP.

My form:

<form name="sentMessage" id="contactForm" novalidate>
                        <div class="row control-group">
                        <label>Name</label>
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <input type="text" class="form-control" placeholder="Name" id="name" required data-validation-required-message="Please enter your name.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <!-- Email Address -->
                        <div class="row control-group">
                        <label>Email Address</label>
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <input type="email" class="form-control" placeholder="Email Address" id="email" required data-validation-required-message="Please enter your email address.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <!-- Home Location -->
                        <div class="row control-group">
                        <label>Home Location</label>
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <input type="text" class="form-control" placeholder="Home Location" id="homelocation" required data-validation-required-message="Please enter your home location.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                        <!-- Phone Number -->
                        <div class="row control-group">
                        <label>Phone Number</label>
                            <div class="form-group col-xs-12 floating-label-form-group controls">
                                <input type="tel" class="form-control" placeholder="Phone Number" id="phone" required data-validation-required-message="Please enter your phone number.">
                                <p class="help-block text-danger"></p>
                            </div>
                        </div>
                         <div class="row control-group">
                        <label>How did you hear about us?</label><br>
                        <div class="form-group col-xs-12 floating-label-form-group controls">
                            <select name="advert" <!-- To configure -->>
                              <option value="google">Google Search</option>
                              <option value="trademe">Trademe</option>
                            </select>
                            <p class="help-block text-danger"></p>
                        </div>
                    </div>

JS:

submitSuccess: function($form, event) {
    // Prevent spam click and default submit behaviour
    $("#btnSubmit").attr("disabled", true);
    event.preventDefault();

    // get values from FORM
    var name = $("input#name").val();
    var email = $("input#email").val();

    var phone = $("input#phone").val();
    var homelocation = $("input#homelocation").val();
    ....
    $.ajax({
            url: "././mail/contact_me.php",
            type: "POST",
            data: {
                name: name,
                phone: phone,
                email: email,
                homelocation: homelocation,
                .........

and my php:

<?php
// Check for empty fields
if(empty($_POST['name'])        ||
   empty($_POST['email'])       ||
   empty($_POST['phone'])       ||
   empty($_POST['homelocation'])    ||
   !filter_var($_POST['email'],FILTER_VALIDATE_EMAIL))
   {
    echo "No arguments Provided!";
    return false;
   }

$name = strip_tags(htmlspecialchars($_POST['name']));
$email_address = strip_tags(htmlspecialchars($_POST['email']));
$phone = strip_tags(htmlspecialchars($_POST['phone']));
$homelocation = strip_tags(htmlspecialchars($_POST['homelocation']));
..............

The code works perfectly fine if I comment out homelocation, I have no idea why.

I am new to PHP so I am a bit confused as to why the above code doesn't work, but if homelocation is commented out, then it works. The name and homelocation have the same input type, so I don't think data type has anything to do with it, and I am sure the variable names are used correctly, could someone please point me to the right direction on this one.

Thanks!

What type of values are you getting from homelocation field? — Aniket Sahrawat
– Aniket Sahrawat, Commented Nov 12, 2016 at 7:28
@AniketSahrawat I am testing homelocation with a simple string, — almost a beginner
– almost a beginner, Commented Nov 12, 2016 at 7:40
@NikhilVaghela I tested it in console, and it seems to be empty. I am getting closer to a solution :) thanks — almost a beginner
– almost a beginner, Commented Nov 12, 2016 at 7:41
Does it return empty or null? You have this field empty($_POST['homelocation']) You may want to pass default value if homelocation is empty. — Aniket Sahrawat
– Aniket Sahrawat, Commented Nov 12, 2016 at 7:42

Aniket Sahrawat · Accepted Answer · 2016-11-12 08:38:27Z

1

You have problem with your html tags. You can check for errors in html document here. Just fix those errors and it will work just fine.

answered Nov 12, 2016 at 8:38

Aniket Sahrawat

13k3 gold badges44 silver badges69 bronze badges

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

Collectives™ on Stack Overflow

form input to javascript to php

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related