javascript - 表单提交 Javascript PHP 无法正常工作，请帮忙吗？

Question

我很难让我的表单正常工作。

有人能看一下这个并告诉我为什么当我在现场环境中尝试时没有任何反应吗？我设法使用表单标签中的“action”来提交表单，同时完全放弃 JavaScript，PHP 返回错误和成功，具体取决于我是否填写了所有字段以及是否成功收到电子邮件。

但是，我想使用 javascript 方法，以便可以防止页面重新加载并使用警报消息，因为此表单将在打包的移动应用程序中使用。

非常感谢任何帮助。

    <form  method="post" name="form1" id="form1">
      <label for="textfield">Text Field:</label>
      <input name="FirstName" type="text" id="FirstName">
      <label for="textfield2">Text Field:</label>
      <input name="LastName" type="text"  id="LastName">
      <label for="textfield3">Text Field:</label>
      <input name="Email" t ype="text"id="Email">
      <label for="textfield4">Text Field:</label>
      <input name="MessageText" type="text"  id="MessageText">

    <input type="button" onclick="submit()" value="submit contact"/>
   </form>

    <script>
    $(document).ready(function(){
      event.preventDefault();
      $("form").submit(function(){
        $.post('http://************/requestform.php', {



        FirstName: $('#FirstName_input').val(),
        LastName: $('#LastName_input').val(),
        Email: $('#Email_input').val(),
        MessageText: $('#MessageText_input').val()



        }, function (html) {

            var response=html;


             if (response=="success") {
               alert("Message sent!"); 
            } else {


               alert("Sorry please fill all fields!"); 
            return false;
        }
       });

      });
    });

和 PHP 部分

    <?php


     $FirstName=$_POST["FirstName"];
     $LastName=$_POST["LastName"];
     $Email=$_POST["Email"];
     $MessageText=$_POST["MessageText"];
     $Headers = "From:" . $Email;


     if(
     $FirstName=="" ||
     $LastName=="" ||
     $Email=="" ||
     $MessageText==""
     ) {
         echo "Error";
     } else {
         mail("*******@gmail.com","mobile app message",$MessageText, $Headers);
         echo "success";
     }
 ?>

Answer 1

不要使用$_GET访问变量。

使用$_POST。

所以改变:

$FirstName=$_GET["FirstName"];
$LastName=$_GET["LastName"];
$Email=$_GET["Email"];

至:

$FirstName=$_POST["FirstName"];
$LastName=$_POST["LastName"];
$Email=$_POST["Email"];

更新:

更改:

    FirstName: $('#FirstName_input').val(),
    LastName: $('#LastName_input').val(),
    Email: $('#Email_input').val(),
    MessageText: $('#MessageText_input').val()

致:

    FirstName: $('#FirstName').val(),
    LastName: $('#LastName').val(),
    Email: $('#Email').val(),
    MessageText: $('#MessageText').val()

为什么要在输入 ID 中添加 _input？

更新2

编辑 HTML:

<input type="button" onclick="submit()" value="submit contact"/>

至

<input type="button" onclick="sendForm()" value="submit contact"/>

Javascript:

function sendForm() {
    $.post('http://************/requestform.php', {

    FirstName: $('#FirstName').val(),
    LastName: $('#LastName').val(),
    Email: $('#Email').val(),
    MessageText: $('#MessageText').val()

    }, function (html) {
         var response=html;

         if (response=="success") {
           alert("Message sent!"); 
         } else {
           alert("Sorry please fill all fields!");
         }
   });

}

另查看更改
$("form").submit(function(){
$("form1").submit(function(){
因为表单 ID 是 #form1。