Question

我无法通过javascript超链接按钮将数据发布到我的php表单电子邮件脚本中。我尝试过几种不同的方式，但似乎没有任何效果。任何帮助表示赞赏。谢谢。

我的表单代码：

<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 = 'emailaddress@gmail.com';
    $email_subject = "Contact Form Submission";
    $email_body = "Name: $name\n" . "Phone: $phone\n" . "Messge: $message";


    $to= 'emailaddress@gmail.com';
    $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.";
    }


    ?>

另外，我在php的开头有var_dump，仅用于调试目的。不会成为最终代码的一部分。

Answer 1

从表单标记中删除enctype="text/plain"，PHP不支持它。

请参阅：method="post" enctype="text/plain" are not compatible?

Answer 2

只需替换a标记，如下所示。

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

并替换document.forms["myForm"].submit();

并在表单中添加name="myForm"。

完整代码

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

Answer 3

虽然我知道这没有回答你的问题，但没有理由使用Javascript（在上面的例子中），因为HTML输入元素将自动处理这两个函数。

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

我只会做类似的事情来验证数据，然后我会使用表单的onsubmit操作（如果验证失败则返回false）。

Answer 4

这将有效：

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

您不需要getElementById，您可以这样简单地引用它。

Answer 5

我测试了这个并且它有效....

<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>";
}

?>

您需要考虑的其他一些提示是：

请勿使用<strong>。而是像使用超链接一样使用css类。示例label { font-weight:bold }或<label class='strong'>
考虑使用jquery和不引人注目的javascript。示例$("form").first().on("submit",function...
不要在输入上应用标签。只需关闭标签标签，然后使用输入，或使用<label for="input1">匹配输入，并在单击文本时启用复选框。
指定一个名称属性，因为它是发布到服务器上的内容...该ID用于在浏览器中引用脚本

Javascript提交不发送POST到php文件

5 个答案: