javascript - 在提交表单时，我收到错误“方法不允许”-Javascript

Question

我有以下 html 和 javascript 但在提交表单时我收到错误Method not allowed虽然我想留在同一个 index.html 上并显示成功消息。

我已经调试了 javascript，即使我输入了有效信息，它也会绕过if条件。

索引.html

 <form method="post" name="FrmEnquiry" id="FrmEnquiry" onsubmit=" return sendEnquiryform();">
    <input name="name" id="name" required="required" placeholder="Your Name">
    <input name="email" id="email" type="email" required="required" placeholder="Your Email">

    <div class="clearfix"> </div>
    <textarea name="message" id="message" cols="20" rows="5" required="required" placeholder="Message"></textarea>
    <div class="submit">
        <input id="submit" name="submit" type="submit" value="Submit">
    </div>
</form>

<span id="sucessMessage"> </span>

javascript.js

    var name = $('#name').val();
    var email = $('#email').val();
    var message = $('#message').val();
    $.post('mail.php', '&name=' + name + '&email=' + email + message, function(
        result,
        status,
        xhr
    ) {
        if (status.toLowerCase() == 'error'.toLowerCase()) {
            alert('An Error Occurred..');
        } else {
            alert(result);
            $('#sucessMessage').html(result);
        }
    }).fail(function(xhr, status, error) {
        console.log(error); // this shows 'method not allowed' and then i get below alert

        alert('something went wrong. Please try again');
    });
    return false;
}

标签： javascriptphphtml

Answer 1

您需要在action表单中添加标签。像这样：

<form method="post" name="FrmEnquiry" id="FrmEnquiry" onsubmit=" return sendEnquiryform();" action="">

您可以添加要将帖子发送到的值。

另请参阅：https ://www.w3schools.com/tags/att_form_action.asp