Confirmation box in javascript on button click and if return true perform click event of same button

Question

I am having a asp.net button control and a javascript confirmation box which is executed on that button click. If the javascript returns true than only perform click event of button..

HTML:

    <asp:TextBox ID="txtSubject" runat="server" CssClass="textbox" Width="454px" CausesValidation="true" onfocus="ddlSelect()"></asp:TextBox>


    <asp:Button ID="btnSaveSend" CssClass="myButton" runat="server" Text="Save & Send"
                                        OnClientClick="javascript:return SubjectEmpty()" OnClick="btnSaveSend_Click" />

Javascript:

    function SubjectEmpty() {
    var subject = document.getElementById("<%=txtSubject.ClientID%>").value;
    var result = confirm("Are you sure you want to send mail:" + subject + " ? We shell        check for the availability..");
        if (result == true) {
            return true;
        }
        else {
            return false;
        }

Code Behind:

    protected void btnSaveSend_Click(object sender, EventArgs e)
    {
        //Do something
    }

The problem is even if I select cancel it executes btnSaveSend_click()

the shortest way to write it is return confirm('Are you serious?'); But you say the page gets posted to the server and the event executes...so why do you think that is so? — deostroll
– deostroll, Commented May 12, 2014 at 11:54
I know about this way but problem is that I want to get text entered in txtSubject. And about posting to server I debugged it. — Ami
– Ami, Commented May 12, 2014 at 12:08
That is expected behavior. In other words, and greatly simplified, OnClientClick="javascript:return false;" should not trigger a postback. You need to debug and find out why confirm(...) is actually returning true in your case... — deostroll
– deostroll, Commented May 12, 2014 at 13:03

Afnan Ahmad · Accepted Answer · 2014-05-12 11:32:37Z

1

  function SubjectEmpty() {
         var subject = document.getElementById("<%=txtSubject.ClientID%>").value;
         if (confirm("Are you sure you want to send mail:" + subject + " ? We shell                    
         check for the availability..")) 
         {
             return true;
         }
         else
         {
             return false;
         }
  }

answered May 12, 2014 at 11:32

Afnan Ahmad

2,5424 gold badges28 silver badges46 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Afnan Ahmad Over a year ago

@Ami its just the usage of if condition which prevents its from firing the OnClick event .

Ami Over a year ago

This is also not working. Don't understand what is the problem

Jameem · Accepted Answer · 2014-05-12 12:03:03Z

1

Try this..You should add a return false; to block the server event from firing..

function SubjectEmpty() {
    var subject = document.getElementById("<%=txtSubject.ClientID%>").value;
    var result = confirm("Are you sure you want to send mail:" + subject + " ? We shall  check for the availability..");
     if (result == true) {
         return true;
     }
      else
     {
         return false;
     }
 }

edited May 12, 2014 at 12:03

answered May 12, 2014 at 11:35

Jameem

1,8383 gold badges15 silver badges26 bronze badges

1 Comment

Afnan Ahmad Over a year ago

It will fire the OnClick event in else part too.

Pandian · Accepted Answer · 2014-05-12 11:30:02Z

0

Change your Java script function like below. It will help you.

function SubjectEmpty() {
    var subject = document.getElementById("<%=txtSubject.ClientID%>").value;
    var result = confirm("Are you sure you want to send mail:" + subject + " ? We shell        check for the availability..");
     if (result == true) {
         return true;
     }
     return false;
 }

answered May 12, 2014 at 11:30

Pandian

9,1562 gold badges26 silver badges34 bronze badges

Comments

Ami · Accepted Answer · 2014-05-13 05:48:50Z

0

Sorry guys my mistake..

I had used ajax control in my page. So it was performing click event even if I click on cancel. I didnt knew it earlier that this was due to ajax. So I got other way out:

    if (!confirm("Are you sure you want to send mail:" + subject + " of type "+type+" on " + sendDate + " at " + hour + ":" + min + ":00.. We shell check for the availability..")) {
            document.getElementById('<%=btnSaveSend.ClientID%>').disabled = true;                
        }

answered May 13, 2014 at 5:48

Ami

3972 gold badges4 silver badges21 bronze badges

Collectives™ on Stack Overflow

Confirmation box in javascript on button click and if return true perform click event of same button

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

2 Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related