server side button click event after onblur event

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • babashankar
    New Member
    • Feb 2009
    • 2

    #1

    server side button click event after onblur event

    Code:
    <html xmlns="http://www.w3.org/1999/xhtml"> 
    <head runat="server">
    <title></title>
    <script type="text/javascript">
        var change = false; 
        function showmsg(id) {
            var res = confirm("proceed"); 
            if (res)
                change = true; 
        }
    </script> 
    </head>
    <body>
    <form id="form1" runat="server">
        <div>
            <asp:Label runat="server" ID="lbl" />
            <asp:TextBox ID="TextBox1" runat="server" onblur = "showmsg(this.id)" ></asp:TextBox>
            <asp:Button ID="Button1" runat="server" Text="Button" 
                    OnClientClick = "return change;change=false;" onclick="Button1_Click" />
        </div>
    </form> 
    </body>
    </html>
    .cs
    Code:
    public partial class blurtest : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e) 
        {
        }
    
        protected void Button1_Click(object sender, EventArgs e) 
        {
            lbl.Text = "test msg"; 
        }
    }
    How can i set the label text here.
    Last edited by Frinavale; Feb 5 '09, 06:05 PM. Reason: Moved to ASP.NET Answers from .NET and added [code] tags and indented code
  • Frinavale
    Recognized Expert Expert
    • Oct 2006
    • 9749

    #2
    Change your script from this:
    Code:
    <script type="text/javascript">
        var change = false; 
        function showmsg(id) {
            var res = confirm("proceed"); 
            if (res)
                change = true; 
        }
    </script>
    To simply return the user's response:
    Code:
    <script type="text/javascript">
        function showmsg(id) {
            var res = confirm("proceed"); 
           return res;
        }
    </script>
    Then change this:

    Code:
    <asp:Button ID="Button1" runat="server" Text="Button" 
                     OnClientClick = "return change;change=false;" onclick="Button1_Click" />
    To this:

    Code:
     <asp:Button ID="Button1" runat="server" Text="Button" 
                     OnClientClick = "return showmsg(this);" onclick="Button1_Click" />

    When you have a button's OnClientClick set to return False it will prevent the button from posting to the server. The above code calls the JavaScript showmsg() method which was changed to return whether or not the user wants to proceed. If the user selects "no" then it returns false which prevents the button from posting back to the server. Likewise, if the user selects "yes" then the function returns true which will allow it to proceed.

    Please note that you may have to set the button's UseSubmitBehavi or property to False.

    Comment

    Working...