两个按钮确认 - 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>

  

添加：

提交是提交按钮。取消只是一个带有边框的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部分。