how to develop yes no confirmation using jquery

Question

How to develop confirmation dialog with yes no button using jquery or any other method ? I need that confirmation when I click on submit button.

Answer 1

Use the native browser confirm dialog.

if(confirm("Are you sure?"))
{
    //Ok button pressed...
}
else
{
    //Cancel button pressed...
}

Answer 2

I have a solution, it is working for me.

     $.alerts.okButton = ' Yes ';
     $.alerts.cancelButton = ' No ';                  
       jConfirm('Are you sure??',  '', function(r) {
         if (r == true) {                    
            //Ok button pressed...
         }  
       }

Answer 3

This will give you both a native JS and jQuery version:

function confirm_action( strMessage ) {
    strMessage = (typeof strMessage !== 'undefined') ? strMessage : 'Are you sure you want to do this?';
    return !!confirm( strMessage );
}

$.fn.confirm_action = function ( strMessage ) {
    $(this).click( function(){
        return confirm_action( strMessage );
    });
};

Two different ways to use it. These work on links or Submit inputs.

JavaScript:

<input type="submit" formaction="process.php" onclick="return confirm_action();" />

jQuery:

$('#mybutton').confirm_action();

Note that in either version you can customize the confirmation message by passing a string parameter.