在ASP.NET中提交表单之前确认对话框

时间:2014-04-04 09:01:09

标签: jquery html asp.net popup dialog

我有一个按钮,当我点击时会显示一个确认对话框。我使用这个http://myclabs.github.io/jquery.confirm/插件。单击按钮时,会弹出一个弹出窗口。但即使我点击是,也没有任何事情发生。

         $(document).ready(function () {

            $('#btnDelete').confirm({
                title: "Delete confirmation",
                text: "Are you sure?",
                confirm: function (button) {
                    //$(button).submit();
                    return true;
                },
                cancel: function (button) {
                    return false;
                },
                confirmButton: "Yes I am",
                cancelButton: "No",
                post: true
            });

        });

我的ASP.NET代码看起来像这样。

<asp:Button ID="btnDelete" CssClass="btn btn-default" runat="server"  />

注意:函数背后有代码处理btnDelete的Click事件。

2 个答案:

答案 0 :(得分:2)

我用Bootstrap模式以不同的方式解决了这个问题。 这里有更多的例子.. http://getbootstrap.com/javascript/#modals-examples

修改后的删除按钮..
当我点击这个&#39;删除&#39;按钮,它调用名为&#34; deleteModal&#34;的模型。

<asp:Button ID="btnDelete" CssClass="btn btn-default" runat="server" 
            data-toggle="modal" data-target="#deleteModal" />

DeleteModal-Popup有Yes / No按钮。我已经在&#34;是&#34;上注册了点击事件。按钮。

<!--Popup Ja-Button-->
<asp:Button ID="btnDeleteConfirm" CssClass="btn btn-danger" runat="server"/>

那就是它。它工作正常。

答案 1 :(得分:0)

我猜是your ClientIDMode isn't set to Static。因此,您的HTML项目的ID不是btnDelete。它可能是container_container_contatin_etc._btnDelete

如果您从

更改选择器
$('#btnDelete')

$('input[id$=btnDelete]')

它可能会起作用。没有你的HTML,虽然这是一个猜测。

Jquery selector here