Javascript Submit is not Sending POST to php file

Question

I am having trouble getting my javascript hyperlink button to post data to my php form email script. I have tried doing it several different ways, but nothing seems to work. Any help is appreciated. Thank you.

My form code:

<form id="form" action="contactform.php" method="POST" enctype="text/plain" >
      <fieldset>
        <label><strong>Your Name:</strong><input id="name" type="text" name="name">       </label>
        <label><strong>Your Phone Number:</strong><input id="phone" type="text" name="phone"></label>
        <label><strong>Your E-mail:</strong><input id="email" type="text" name="email"></label>
        <label><strong>Your Message:</strong><textarea id="message" name="message"></textarea></label>
        <div class="btns"><a href="contacts.html" class="button">Clear</a><a href="#" onclick="document.getElementById('form').submit();" class="button">Send</a></div>
      </fieldset>  
    </form>

Contactform.php:

<?php

    var_dump($_POST);

    if (isset($_POST['form'])) {


    $name = $_POST['name'];
    $phone = $_POST['phone'];
    $visitor_email = $_POST['email'];
    $message = $_POST['message'];


    $email_from = '[email protected]';
    $email_subject = "Contact Form Submission";
    $email_body = "Name: $name\n" . "Phone: $phone\n" . "Messge: $message";


    $to= '[email protected]';
    $headers= "From: $email_from \r\n";
    $headers.= "Reply-To: $visitor_email \r\n";
    mail($to,$email_subject,$email_body,$headers);

    echo "Thank you for your interest. I will contact you shortly.";

    }else{
    echo "It didn't work.";
    }


    ?>

Also, I have the var_dump at the beginning of the php for debugging purposes only. Not going to be a part of the final code.

So what happens when you press the button? Does it go to your contactform.php at all? — Hanky Panky
– Hanky Panky, Commented Apr 5, 2013 at 3:46
@DipeshParmar don't you have anything more constructive to do? — Timmerz
– Timmerz, Commented Apr 5, 2013 at 3:50
Since so many answers have been posted, do not with to confuse OP by posting another. But the only problem with this code is this if: isset($_POST['form'])) ; you should not check for form name to see if the post was made, that will never evaluate to true since form name is not submitted to be saved under $_POST. Simply change it to lets say isset($_POST[name])) . Plus look at the answer by @Sam — Hanky Panky
– Hanky Panky, Commented Apr 5, 2013 at 4:01

Community · Accepted Answer · 2017-05-23 10:25:12Z

7

Remove enctype="text/plain" from the form tag, PHP doesn't support it.

See: method="post" enctype="text/plain" are not compatible?

edited May 23, 2017 at 10:25

CommunityBot

11 silver badge

answered Apr 5, 2013 at 3:53

Sam

4,5952 gold badges30 silver badges31 bronze badges

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

Comments

Brandon Buck · Accepted Answer · 2013-04-05 03:53:30Z

1

While I know this does not answer your question there is no reason to use Javascript for this purpose (in the example above) as the HTML input elements will handle both of these functions automatically.

<input type="reset" value="Clear" />
<input type="submit" value="Send" />

I would only work on doing something like this for validating data and then I'd use the onsubmit action of the form (returning false if validation fails).

answered Apr 5, 2013 at 3:53

Brandon Buck

7,1902 gold badges33 silver badges51 bronze badges

Comments

Dipesh Parmar · Accepted Answer · 2013-04-05 04:18:38Z

1

Just replace a tag as below.

<a href="Javascript:void(0);"

and also replace document.forms["myForm"].submit();

and add name="myForm" to your form.

Complete Code

<form id="form" action="contactform.php" method="POST" name="myForm">
    <fieldset>
        <label><strong>Your Name:</strong><input id="name" type="text" name="name">       </label>
        <label><strong>Your Phone Number:</strong><input id="phone" type="text" name="phone"></label>
        <label><strong>Your E-mail:</strong><input id="email" type="text" name="email"></label>
        <label><strong>Your Message:</strong><textarea id="message" name="message"></textarea></label>
        <div class="btns">
            <a href="contacts.html" class="button">Clear</a>
            <a href="Javascript:void(0)" onclick="document.forms['myForm'].submit();" class="button">Send</a></div>
    </fieldset>  
</form>

edited Apr 5, 2013 at 4:18

answered Apr 5, 2013 at 3:47

Dipesh Parmar

27.3k8 gold badges65 silver badges92 bronze badges

1 Comment

Dipesh Parmar Over a year ago

@DannyBeckett because its using anchor link and passing href to other page so click event will not work because it will redirect to href page....

ElefantPhace · Accepted Answer · 2013-04-05 03:51:43Z

0

This will work:

<a href="#" onclick="document.form.submit();" class="button">Send</a>

You don't need to getElementById, you can simply reference it this way.

answered Apr 5, 2013 at 3:51

ElefantPhace

3,8143 gold badges22 silver badges36 bronze badges

Comments

Timmerz · Accepted Answer · 2013-04-05 04:30:10Z

I tested this and it works....

<html>
<body>
<form id="form" action="contactform.php" method="POST">
      <fieldset>
        <label><strong>Your Name:</strong><input name="name" type="text" name="name">       </label>
        <label><strong>Your Phone Number:</strong><input name="phone" type="text" name="phone"></label>
        <label><strong>Your E-mail:</strong><input name="email" type="text" name="email"></label>
        <label><strong>Your Message:</strong><textarea name="message" name="message"></textarea></label>
        <div class="btns"><a href="contacts.html" class="button">Clear</a><a href="#" onclick="document.forms[0].submit();" class="button">Send</a></div>
      </fieldset>  
    </form>
</body>
</html>


<?php

var_dump($_REQUEST);

echo  "<BR>";

foreach ( $_POST as $key => $value )
{
    echo $key . " " . "=" . " " . $value;
    echo  "<BR>";
}

?>

Some other tips for you to consider are:

don't use <strong>. instead use css classes as you did with the hyperlink. example label { font-weight:bold } or <label class='strong'>
consider using jquery and unobtrusive javascript. example $("form").first().on("submit",function...
don't apply the label over the input. simply close the label tag and then use the input, or use <label for="input1"> to match to an input and enable a checkbox when the text is clicked for example.
specify a name attribute as that is what is sent to the server on post...the id is for script referencing in the browser

Collectives™ on Stack Overflow

Javascript Submit is not Sending POST to php file

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related