Javascript Submit Is Not Sending POST To Php File

March 06, 2023 Post a Comment

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 he

Solution 1:

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

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

Solution 2:

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).

Solution 3:

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

Baca Juga

<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>

Solution 4:

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.

Solution 5:

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

Html5 Ready