jQuery表单插件不工作,没有成功通知


jQuery Form Plugin not working, no success notification

我很难理解jQuery表单插件。我已经通读并研究了stackoverflow上的许多类似问题,但我仍然不知道我需要做些什么才能使它工作。

我的目标如下:

  1. 在HTML页面上创建联系人表单
  2. 将表单的内容发送到单独的PHP脚本进行验证并通过电子邮件发送。
  3. 在包含联系人表单的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脚本?我更喜欢前端,所以这完全有可能。

在这件事上任何帮助都将是非常感激的。谢谢你!

Firebug中的以下两个错误说明了一些问题:

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

$ (" # contact_form ")。ajaxForm不是一个函数

您需要正确地包含AJAXForm插件,使其正常工作