需要帮助实现 jQuery Form 插件

Question

正如下面的 inkedmn 所指出的，我最初发布的内容相当于一堵代码 - 太多了，任何人都无法帮助我。因此，我没有创建一个新的问题/线程，而是决定重做这个 - 标题仍然适用于问题。

我正在尝试实现jQuery Form 插件。我的最终目标是 1）在提交之前验证表格 2）上传选择的文件，和 3) 将提交的表单数据发送到处理脚本，并将文件和表单数据写入数据库。

我使用某种 ajax 插件进行此操作的前 三个 尝试都失败了。因此，我从一个简单的 ajax 表单开始，该表单将两个表单字段发送到一个脚本，该脚本应该返回成功运行，然后显示一条消息。然后，一旦我开始工作，我将逐步处理数据，然后（希望）上传文件。

以下代码取自 jQuery Form 插件的示例代码。

这是 HTML 表单：

<form id="myForm" action="testProcessAjaxUploadForm.php" method="post"> 
    Name: <input type="text" name="name" /> 
    Comment: <textarea name="comment"></textarea> 
    <input type="submit" value="Submit Comment" /> 
</form>

这是 jQuery 代码：

// bind 'myForm' and provide a simple callback function 
$('#myForm').ajaxForm(function() { 
    alert("Thank you for your comment!"); 
});

这是假定处理检索到的表单数据并返回一些内容以便显示 javascript 警报的 php 代码：

<?php
    require_once ('../scripts/logging.php');
    $log = new Logging();

    if (isset($_POST['comment']) && isset($_POST['name'])) {
        $log->lwrite('name: ' . $_POST['name'] . ', comment: ' . $_POST['comment']);
    } else {
        $log->lwrite('Nothing passed to the script.');
    }

    //return true;
    return $_POST['name'];
    //echo $_POST['name'];

第一行记录写入日志文件，所以我知道脚本正在执行。当使用任一返回行时，浏览器只会在地址栏中加载一个带有脚本文件名的空白页面，当使用 echo 时，名称会显示在页面上，而脚本的文件名则显示在地址栏中。在任何情况下，javascript 的谢谢消息都不会显示。

我错过了什么？

更新

PHP 代码可以正常工作就我编写它的方式而言。这意味着它可以获取已发布的表单字段并使用它们。 jQuery Form 插件示例页面说明了示例代码，“如果服务器返回成功状态，那么用户将看到“谢谢”消息。所以我想我的问题是，“应该返回什么 php 脚本会导致 jQuery 代码检测到成功响应以便显示感谢消息？

Link to testing pagephp脚本内容可以在comment.txt文件中与网页同文件夹查看

Answer 1

为您的 JavaScript 尝试类似的方法：

// bind 'myForm' and provide a simple callback function 
$('#myForm').ajaxForm({ 
    success: function() { 
        alert("Thank you for your comment!"); 
    });
});

PHP 返回什么并不重要——它可以是真的，也可以是回显语句。 “成功”来自服务器——这样当页面加载成功时，它将返回“成功”状态。如果页面不存在，或者访问被禁止，会返回错误码。

Answer 2

您的表单元素

<input type="submit" value="Submit Comment" />

导致您将脚本加载到带有已发布变量的新页面中。这意味着您的 ajax 函数没有时间执行返回，因为浏览器正在直接为您加载新的 php 页面。为了防止这种情况，您需要从提交按钮中删除type="submit"，这样浏览器就不会自动将您带到 php 脚本。

这样，当异步执行 ajax 时，您会留在页面上，并且由于您还没有离开页面，因此可以看到您的回调函数（在本例中为感谢提醒）。