我很难理解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脚本?我更喜欢前端,所以这完全有可能。
在这件事上任何帮助都将是非常感激的。谢谢你!Firebug中的以下两个错误说明了一些问题:
"NetworkError: 404 Not Found "http://www.evanwebdesign.com/ajax-submit-test/js/jquery.form.js"jquery.form.js
$ (" # contact_form ")。ajaxForm不是一个函数
您需要正确地包含AJAXForm插件,使其正常工作