【问题标题】:Use JQuery dialog box to submit form and display success, failure message使用 JQuery 对话框提交表单并显示成功、失败信息
【发布时间】:2012-03-12 23:09:32
【问题描述】:

我正在尝试在我正在处理的项目中使用 jquery 对话框作为注册表单,基本上我设想该对话框的功能类似于 iframe。我希望用户能够将他们的信息输入到表单中,表单中的信息被下一页捕获并输入到我们的数据库中,然后更改对话框的内容让用户知道他们已成功输入数据库或出现问题,他们需要重试。

这可能吗?如果可以的话,谁能给我指点在线教程的方向?

任何帮助将不胜感激。

【问题讨论】:

标签: php jquery forms submit


【解决方案1】:

这是非常广泛的,但这是我处理这种情况的方法。

首先,一些设置。页面及其用途

表单页面 - 从用户那里获取信息 数据页 - 验证,消毒用户输入。在成功验证和数据库插入时,在任一警报“失败”失败时警报“成功”

在您的表单页面上,您不需要做任何特别的事情。

在您的数据页面上制作 2 个标志

$data_validates = false;
$data_stores = false;

成功时将它们设置为 true

然后添加

if($data_validates && $data_stores)
{
    echo "<script>alert('success');</script>";
}
else
{
    echo "<script>alert('success');</script>";
}

我们只是打印出 javascript 来做警报框。您可以用任何合法的 javascript 替换它。由于 PHP 在服务器端完成,因此您使用它生成的所有 javascript 都将在浏览器获取您的页面后进行解释。

更新:一些建议:

如果你想使用 javascript 来弹出一个警告框,接受输入,检查数据库是否存在,然后回答是或否,你将需要使用很多工具。为此,我将创建一个 RESTful API(使用 slim 和 redbeanphp 是我的最爱),然后使用 ajax 发送一个 json 响应请求。

如果您想使用 php 修改警报框的值/指定何时发出警报:我的示例是一个很好的起点。

jQuery 不是 javascript。 Javascript 是一种语言,它支持 jQuery 可以做的所有很棒的酷事情……这并不是说 jQuery 没有自己的语言(比如语言的多种用途?)

【讨论】:

  • 感谢 Jake 的输入,我很抱歉我知道这个问题很宽泛而且措辞不佳。我认为我真正的问题是,我可以使用 JQuery 对话框来完成上述所有操作吗?当我尝试使用常规提交按钮提交表单时,用户被引导离开页面并且对话框关闭,我想这样做而不会关闭对话框。
  • 我不确定 jquery 对话框是什么。你是说jqueryui.com/demos/dialog 吗?
  • 好的,我认为您想要做的是使用 .getJSON 或 .ajax 将请求发送到另一个页面(在幕后),并在该 ajax 响应上调用成功处理程序。对于 .getJSON,您使用 .success(类似:.error、.complete)。使用 .ajax 的语法有点不同。我希望这会有所帮助。从此,您应该能够更改问题的标题以获得更多帮助,或使用新词汇搜索 SO
  • 感谢 Jake 的帮助,我真的很感激,你说得对,我需要使用 ajax 提交信息并完成工作,然后返回成功处理程序。我之前尝试过使用 AJAX,但没有使用成功处理程序,我认为这将是关键。再次感谢。
【解决方案2】:

一般来说,“通过 javascript 提交表单”是一个常见的过程,尽管最近不受欢迎(请参阅:最近的隐私新闻文章)

http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml

上面的链接将引导您完成整个过程,由您决定您正在做的事情是否需要此过程,然后您需要确定“这是最好的方法”

祝你好运。

编辑:这应该是一个 javascript 而不是一个 php 问题。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-07-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2013-05-23
    相关资源
    最近更新 更多