提交表单，留在同一页面并留言确认

我有一个表格，当我提交时，它会转到另一个页面。为了解决这个问题，我在html中留下了空的action字段。但是现在，php不发送邮件。
我想留在同一页面上，发送邮件并获得消息确认。我对此没有太多了解，而且我无法自己修复。下面是代码：提交表单，留在同一页面并留言确认

<form id="idForm"method="post" action=""> 
        <div class="row 50%"> 
         <div class="6u 12u$(mobile)"><input id="nome" required="required" type="text" class="text" name="name" placeholder="Nome" /></div> 
         <div class="6u$ 12u$(mobile)"><input id="email" required="required" type="email" class="text" name="email" placeholder="Correo electrónico" /></div> 
         <div class="12u$"> 
          <textarea id="mensaxe" required="required" name="mensaxe" placeholder="Mensaxe"></textarea> 
         </div> 
         <div class="12u$"> 
          <ul class="actions"> 
           <li><input type="submit" value="Enviar mensaxe" /> 
           <span id="message"></span> 

           </li> 
          </ul> 
         </div> 
        </div> 
       </form>

这里的PHP

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

// Debes editar las próximas dos líneas de código de acuerdo con tus preferencias 
$email_to = "[email protected]"; 
$email_subject = "Contacto desde el sitio web"; 

// Aquí se deberían validar los datos ingresados por el usuario 
if(!isset($_POST['name']) || 
!isset($_POST['email']) || 
!isset($_POST['mensaxe'])) { 

echo "<b>Ocurrió un error y el formulario no ha sido enviado. </b><br />"; 
echo "Por favor, vuelva atrás y verifique la información ingresada<br />"; 
die(); 
} 

$email_message = "Detalles del formulario de contacto:\n\n"; 
$email_message .= "Nombre: " . $_POST['name'] . "\n"; 
$email_message .= "E-mail: " . $_POST['email'] . "\n"; 
$email_message .= "Comentarios: " . $_POST['mensaxe'] . "\n\n"; 


// Ahora se envía el e-mail usando la función mail() de PHP 
$headers = 'From: '.$email_from."\r\n". 
'Reply-To: '.$email_from."\r\n" . 
'X-Mailer: PHP/' . phpversion(); 
@mail($email_to, $email_subject, $email_message, $headers); 


} 
?>

而且JS

$("#idForm").submit(function() { 
    event.preventDefault(); 

    var url = "../php/formulario.php"; // the script where you handle the form input. 

    $.ajax({ 
      type: "POST", 
      url: url, 
      data: $("#idForm").serialize(), // serializes the form's elements. 
      success: function(data) 
      { 
       $("message").text("Success Message"); 
      } 
     }); 

    return false; // avoid to execute the actual submit of the form. 
});

我感谢所有帮助！谢谢。

来源

2016-04-29 Olalla Fronkonstin

在您的脚本中使用'header（'Location：url'） ;'回到页面。或者只是在同一页面上包含脚本并使用ajax发布到同一页面 – Matt

event.preventDefault应该做你需要的，但是在你的js中它看起来并不像你在事件中传递的那样，试着做$（ '#idForm'）。submit（function（event）{..... –

你也在你的jQuery中缺少一个'＃'，应该是'$（'＃message'）。text（...） – ImClarky

事件中缺少的功能参数

$("#idForm").submit(function(event) {

来源

2016-04-29 09:42:23

在你的js

，你必须像这样的改变：

$("#idForm").submit(function(e) { 
    e.preventDefault();

不通过邮局在同一个页面发送的形式（动作空=同一页）

而在你的AJAX技术，你有一个错误：

$("message").text("Success Message"); 
$("#message").text("Success Message"); //CORRECT with #

您可以更改函数（html）的函数（数据），并发出警报（html）以查看php页面说的内容;;）

来源

2016-06-25 21:30:44 Amazone

提交表单，留在同一页面并留言确认

回答

相关问题