Question

我有一个相当基本的注册表格。我正在尝试显示成功消息（在页面上，在弹出窗口中，在警报中......我没有偏好）VS.重定向到表单发布到的页面（这是当前正在发生的事情）。

<form action="path/to/form/main/index.php" method="post">
<p>
<input name="contact[first_name]" placeholder="Your First Name" type="text">
<input name="contact[email]" placeholder="youremail@address.com" type="text">
<input class="btn btn-success btn-large" value="Sign Me Up" type="submit">
</p>
<input name="action" value="ext_addcontact" type="hidden">
<input name="selectedgroupname" value="Website Opt-Ins" type="hidden">
<input name="groupownerid" value="[p:pid]" type="hidden">
</form>

[p：pid]是填充服务器端的系统的变量标签示例：http://aia.dmplocal.com/sites/52/index.html
对不起任何白痴 - 我是JS / AJAX的新手。感谢

编辑：我无法控制表单发布到的位置（index.php）。

Answer 1

Malsup的jQuery Form Plugin将是一个很好的起点。它很容易设置和使用。我自己曾经多次使用它。

这应该让你开始：

$(function () {
    $('form').ajaxForm({
        // Use this property to specify how your data will
        // look when it's returned (i.e. JSON, XML, HTML,
        // etc). If you aren't returning any data, you can
        // omit this property.
        dataType: ...,
        success: function (res) {
            // Do something in here on success. Depending on your
            // requirements you may or may not have a result
            // returned to you.
        },
        error: function (res) {
            // Do something in here on error. You should always
            // have an error object passed to you that details
            // the error and possibly any returned error text.
        }
    });
});

有关可供选择的完整选项列表，请参阅this API参考页。

在表单提交上显示消息而不是重定向

1 个答案: