Question

我用jquery和php编写了以下代码，当用户点击保存按钮时提交表单，表单已成功提交，但格式数据为空（发布数据）

这就是我在做的事情：

我正在检查是否单击了保存按钮，如果是，那么我发送邮件并设置表单操作然后提交表单。

<form id= "contactform"  method='POST'>   
 .......
<input type='submit' name='submit_details' value=Save />
</form>

<script type="text/javascript">

function submit_form()
{
   $("#contactform").attr("action","https://functions.php"); 
   $("#contactform").submit() 
 }

<?php
if(isset($_POST['submit_details']))
{

   mail("myself@gmail.com", $subject, $mailbody, $headers);
   echo "<script> submit_form(); </script>";
}

?>

但是当我直接调用javascript函数时，表单数据将通过

<form id= "contactform" onsubmit='javascript:submit_form();' method='POST'>

那么，这里有什么问题。

Answer 1

达米恩是正确的......但下面的确有效。

http://jsfiddle.net/D5Ldn/

<form id="contactform" method='POST'>

<input type='submit' name='submit_details' value=Save />
</form>

$('input[type="submit"]').click(function(event)
{
    event.preventDefault();
   $("#contactform").attr("action","https://functions.php"); 
   $("#contactform").submit();
 });

Answer 2

也许我得到了你需要的东西，基本上你想要的东西：

单击按钮时发送电子邮件的按钮;
在这封电子邮件之后，您想要提交整个表单（我不知道哪一个。我假设是相同的，您只是没有写输入字段）; 您可能希望在PHP中移动此逻辑，因为您已经在进行处理。

因此，如果工作流程是这个，您可以尝试：

HTML：

<form id="contactform" method="post" action="">
<!-- your other inputs go here? -->
<input type="text" name="input1" value="" />
<!-- I'm just guessing this ones.. -->
<input type="submit" name="submit_details" value="Salve" />
</form>

JS：

$('#contactform').submit(function({
    var dataString = $(this).serialize();
    $.ajax({
      url: 'functions.php',
      type: 'POST',
      data: dataString,
      success:function(response){
         alert(response);
      }
   });
   return false;
});

PHP functions.php

if($_POST['submit_details'])
{
    //now send email:
    if(mail("myself@gmail.com", $subject, $mailbody, $headers))
    {
      //mail sent: do the rest
      $input1 = isset($_POST['input1']) ? $_POST['input1'] : '';
      // and so on for the rest of the inputs.
      // do whatever you need to.
      return 'Mail sent and data saved!';
    }
    else
    {
      return 'Couldn\'t send mail!';
    }
}

Answer 3

只需将按钮类型更改为“按钮”

即可

      <input type='button' name='submit_details' value=Save onclick="submit_form()" />

空表单在php / jquery中提交

3 个答案: