asp.net-mvc-3 - ASP.NET MVC - 有一个带有表单的确认按钮

Question

我的模型有一个强类型视图，我想要的是，当用户点击提交时，会弹出一个确认框，确认用户确实希望提交表单，如果他们点击取消，那么它不应该触发该HttpPost视图的操作，这可能吗？

Answer 1

当然这是可能的。我喜欢使用一种不引人注目的方法。这是一个简化的示例：

jQuery(document).ready(function () {
  jQuery('[data-confirm]').click(function (e) {
    if (!confirm(jQuery(this).attr("data-confirm")))
    {
      e.preventDefault();
    }
  });
});

然后你只需要添加一个 data-confirm 属性到你的提交按钮，例如

<input type="submit" data-confirm="are u sure?" />

当然，您可以在链接、按钮等上使用此属性。您不仅限于提交按钮，如果您想稍后实现更精美的确认对话框，您将不得不仅在一个地方替换代码。

Answer 2

        function doSubmit()
        {                                 
                if(window.confirm("ARE YOU SURE TO PERFORM THIS ACTION"))
                {                       
                    return true;
                }
                else return false;                
        }

在表单的事件上调用doSubmit()函数，例如-onsubmitonsubmit="return doSubmit()

Answer 3

您可以为此添加一个简单的 jQuery 调用。

在您的视图末尾添加：

<script type="text/javascript">

    $("form").submit(function() {

        return confirm('Are you sure?');

    });

</script>

或者，添加一个

onsubmit="return confirm('Are you sure?');"

作为新的元素属性

Answer 4

我相信这可以通过使用 jquery 覆盖提交按钮来完成。jQuery .submit()

这样，当该人点击提交时，您可以显示一条消息并提交或取消它。