jQuery确认对话框在aspx中消失

Question

I am using custom jquery confirm dialog box on button click in aspx page. Problem is that when I am clicking the button the dialog box is coming but automatically closes after some seconds due to autopostback. How to resolve it?

Here is my code...

<script>
    $(function confirmation () {
        $('#btnUpdate').click(function () {
            $('#dialog').dialogBox({
                content:'Are you sure to update..!!',
                hasClose: true,
                effect: 'fade',
                hasBtn: true,
                confirm: function () {
                    $('#message').dialogBox({
                        title: 'Confirmation..',
                        content: 'Updated Sucessfully..!!',
                        hasClose: true
                    })
                }
            })
        })
    })
</script>
<asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdate_Click" OnClientClick="return confirmation()" />

Answer 1

Try adding UseSubmitBehavior="false" in <asp:Button> to prevent the button triggering the postback.

Sample:

<asp:Button ID="btnUpdate" runat="server" Text="Update" OnClick="btnUpdate_Click" OnClientClick="return confirmation()" UseSubmitBehavior="false" />

Answer 2

Add the event parameter to your click handler, and then cancel (prevent) the default action :

$('#btnUpdate').click(function (e) {
    e.preventDefault();

})

Answer 3

Do the following changes:

• Cancel the default behavior of the asp.
• Replace the #btnUpdate with #<%=btnUpdate.ClientID%>
• Call the postback when the confirm is true.

Below is the updated code:

$("#<%=btnUpdate.ClientID%>").click(function(){
    event.preventDefault();
    $('#dialog').dialogBox({
        content:'Are you sure to update..!!',
        hasClose: true,
        effect: 'fade',
        hasBtn: true,
        confirmValue: 'I am sure',
        confirm: function(){
            __doPostBack($('#<%=btnUpdate.ClientID %>').attr('name'), '');
        }
    });
})