Question

我很难理解jQuery表单插件。我已经阅读并研究了很多关于stackoverflow的类似问题，但我仍然无法弄清楚我需要做些什么才能让它工作。

我的目标如下：

在HTML网页上创建联系表单
将表单内容发送到单独的PHP脚本以进行验证并通过电子邮件发送。
在包含联系表单的HTML页面上显示AJAX自动回复，而不必刷新页面。

我在http://evanwebdesign.com/ajax-submit-test/设置了一个示例，您可以在其中查看HTML表单和我的jQuery / javascript。（不要介意表单是丑陋/没有样式的，并且不包含前端验证。我将在以后自己处理这些内容。）

以下是contact-process.php的PHP代码：

<?php
  $first_name = $_REQUEST['First_Name'] ;
  $last_name = $_REQUEST['Last_Name'] ;
  $email = $_REQUEST['Email'] ;
  $phone = $_REQUEST['Phone'] ;
  $message = $_REQUEST['Message'] ;

   $body =  "Submitted Information:\n";
   $body .= "   First Name: $first_name\n";
   $body .= "   Last Name: $last_name\n";
   $body .= "   Email: $email\n";
   $body .= "   Phone: $phone\n";
   $body .= "   message: $message\n";


  if ( preg_match( "/[\r\n]/", $name ) || preg_match( "/[\r\n]/", $email ) ) {
    header("Location: http://www.google.com/");
    }


  mail( "myemail@mywebsite.com", "AJAX Form Submission",
    $body, "From: $email" );
?>

正在处理的是正在处理的表单，但点击提交后，我将被带到浏览器中的contact-process.php，而不是在HTML文件中加载成功通知。

问题可能在于我的PHP脚本？我更像是一个前端人，所以完全有可能。

对此事的任何帮助将不胜感激。谢谢！

Answer 1

Firebug中的以下两个错误揭示了一些亮点：

“NetworkError：404 Not Found -   http://www.evanwebdesign.com/ajax-submit-test/js/jquery.form.js”   jquery.form.js

$（“＃contact_form”）。ajaxForm不是函数

您需要正确包含AJAXForm插件才能正常运行。

jQuery Form Plugin无法正常工作，没有成功通知

1 个答案: