Javascript confirmbox + form inside it


Javascript confirmbox + form inside it

我有一个PHP/MySQL礼物清单,人们可以点击"预订"按钮预订一件礼物。问题是,在这份清单中,有一份礼物已经被许愿了 10 次。因此,要保留所有 10 件特定礼物,必须单击预订按钮 10 次,javascript 始终确认是否愿意保留该礼物中的一件。

我现在所追求的是javascript确认确认+表单的更改,这将向操作发送数据.php。

在 HTML 中,它看起来像这样:

<p>How many piece of gift are you willing to reserve?</p>
<form action="action.php" method="post">
    <input type="text" name="giftammount" />
</form>

当确认返回 true 时,它将提交答案和操作.php将为 MySQL 表提供魔术。

那么,这在技术上可能吗?不是我试过了,我花了几个小时想知道这个,但无法弄清楚。

如果你使用的是jQuery UI,那么对话框小部件可能正是你所需要的:

使用模式对话框要求用户在多步骤过程中输入数据。在内容区域中嵌入表单标记,将模式选项设置为 true,并使用按钮选项指定主要和次要用户操作。

查看 jQuery UI 页面以获取示例和基本代码

以下内容

可能会有所帮助

如果函数 confirmAction 返回 true,则将提交表单,否则不会提交表单。如果确认过程需要 ajax,则可以使用 jquery ajax 函数和asnc:true

function confirmAction(){
  //return true or false
}
<form action="action.php" onsubmit="return confirmAction()" method="post">
    <input type="text" name="giftammount" />
</form>

Javascript确认框和表单是两个完全不同的东西。

解决此问题的一种方法是创建一个模态框并模拟确认框 + 确认对话框效果。

很少有其他函数,如alert()confirm()prompt()只接受文本而不接受HTML