I need a confirm button

Question

I am working on a MVC asp.net project and I have a created a button that when click, I need a confirm box to pop up and say "Yes" and "No" and possibly cancel.

My code is below

if (Model.AStatusId == AssetManager.Utility.AMConstants.AssetStatus_Deployed)
{
    <div class="col-sm-12 text-center m-t-20">
        <input type="submit" class="btn btn-success" value="Check In" 
               onclick="return ValidateCheckInAsset();" />
    </div>
}

<script>
    function ValidateCheckInAsset() {

        var label = "";
        var flag = 0;

        if ($("#SourceID").val().length == 0) {

            label += "Are you sure you want to Check In? \n";
            flag = 1;
        }

        if ($("#TrackingNumber").val().length == 0) {

            label += "Are you sure you want to Check In?";
            flag = 1;
        }

        if (flag == 1) {
            alert(label);
            return false;
        }

        else
            return true;
    }
</script>

At the moment is displaying an alert label, which I am using for a different button so I know this isn't my solution but I am having problems creating the actual confirm query.

Any help would be very much appreciated.

A standard confirm box with `confirm()` only has 2 buttons, you need to create a modal containing 3 buttons by yourself. What do you want to do when each button clicked by user? — Tetsuya Yamamoto, Jan 14 '19 at 09:38
This might come handy if you need three buttons: https://stackoverflow.com/questions/9091001/how-to-show-confirmation-alert-with-three-buttons-yes-no-and-cancel-as-it — LocEngineer, Jan 14 '19 at 10:09

kostas.kapasakis · Accepted Answer · 2019-01-14T15:34:53.577

1

Ok. First of all due to the fact that i can see you are using jQuery i would advise to stop using onclick event on the HTML element.You can search and find out that is depreciated. You can add a different class to the input element in order not to interfere with possible future buttons with the same bootstrap classes.

So your HTML will be

 <div class="col-sm-12 text-center m-t-20">
    <input type="submit" class="btn btn-success confirmationBtn" value="Check In" />
</div>

And your event listener using the window confirm method

 $(".confirmationBtn").click(function() {
   if (confirm("Are you sure ??")) {

   } else {

  }
 });

edited Jan 14 '19 at 15:34

answered Jan 14 '19 at 10:11

kostas.kapasakis

920
1
11
26

Hijacking this answer, depending on what you want to do after you confirm, i would suggest using ajax to send data to or from a controller method – JamesS Jan 14 '19 at 10:20
I've tried this, however when pressing cancel it still does the same thing as if I have pressed OK – Padgey85 Jan 14 '19 at 14:40
I think it is enough to `return false;` in your else block. – LocEngineer Jan 14 '19 at 14:53
@Padgey85 try this updated version ..I edited the answer. – kostas.kapasakis Jan 14 '19 at 14:57
@Padgey85 Cheers glad it helped. Can you please mark the answer as the correct one. – kostas.kapasakis Jan 14 '19 at 15:30

I need a confirm button

1 Answers1