Question

I have a field named “GROSS AMOUNT”

If the gross amount is zero, then the javascript message confirmation asks the user whether the user should continue saving with zero amount and if the user presses cancel, even the server side save button should not be active, it should return back to the panel of the gross amount.

I have used the following code for the client side.

function show_confirm() {

    // var txttemp = document.getElementById("<%=txtSAmt.ClientID %>").value;
    var menu = $find("<%= this.txtSAmt.ClientID %>");
    var check;
    if (menu != null) {
        check = menu.get_value();
    }
    if (check == '0') {
        var r = window.confirm("Gross Settlement Amount is 0.Press Cancel to Change, Press OK to save anyway");
        if (r == 'false') {

        }

    }

}

Please let me know that if the client clicks cancel, it should not fire the btnSave on the server side.

Answer 1

I assume this is an event handler for the onclick event of btnSave.

First, r will never equal "false" because confirm() returns a boolean, not a string. You need to compare r to false (without quotes). Actually, you don’t need to compare r to anything since r is already a boolean. So r == false is the same as !r.

You can use e.preventDefault(). You’ll need to add the e parameter to your function definition:

function  show_confirm (e) {
    e = e || window.event;
    ...
    if (check == '0') {
        var r = window.confirm("...");  
        if (!r) {
            if (e.preventDefault) {
                e.preventDefault();
            }
            e.returnValue = false;
        }  
    }  
}

If you are calling show_confirm() like this:

<asp:button ... OnClientClick="show_confirm()" />

You’ll need to change that to pass the event object:

<asp:button ... OnClientClick="show_confirm(event)" />

Alternatively, you can just return false from your event handler. Again, if you are calling show_confirm() as above, you’ll need to change it to:

<asp:button ... OnClientClick="return show_confirm()" />

You can change your function to this:

function show_confirm() {
    var menu = $find("<%= this.txtSAmt.ClientID %>");
    var check;
    if (menu != null) {
        check = menu.get_value();
    }
    return check != "0" || !confirm("Gross Settlement Amount is 0. Press Cancel to Change, Press OK to save anyway.");
}