javascript - 两个按钮确认 - Jquery

Question

目前我有一个提交按钮，它会弹出一个确认，允许处理或不处理表单数据。

我需要我的表单页面上名为“取消”的另一个按钮来执行相同的操作。如何扩展此代码以向同一表单添加第二个确认？

这些是我在表单上的按钮：

这是我当前有效的代码：

 </script>
        <script>
            $(document).on('submit', "#signinform", function(e)
            {
                if (!confirm("By clicking 'OK' you will be placed in queue! Please take a seat."))
                {
                    e.preventDefault();
                    return;
                }
            });
        </script>

只是补充：

提交是提交按钮。Cancel 只是一个带有边框的href。

也再次

目前这仅适用于提交按钮。

我需要表单上名为“取消”的另一个按钮来执行相同的操作，就像您点击确定一样，您的提交数据将被删除，然后您将返回表单。如果您点击取消，那么您将留在页面上。

Answer 1

我想你只需要类似的东西

$(document).on('click', "#cancelButtonID", function(e)
{
    if (!confirm("By clicking 'OK' you cancel the submission and the form is cleared."))
    {
        e.preventDefault();
        return;
    }
    else {
        //Clear the form or perform whatever actions are needed
    }
});

但是，我认为您可能希望用适当的<input type="reset">按钮替换取消链接，因为当您让默认操作发生时，它将自动清除表单。然后你应该能够摆脱else上面的部分。