How to disable postback on an asp Button System Web UI WebControls Button

Question

I have an asp button   It s server-side so I can only show it for logged in users  but i want it to run a javascript function and it seems when it s runat  server  it always calls the postback event   I also have a regular button   lt input      not running at server and it works fine     How can I make this button only run the javascript and not postback

User · Accepted Answer

Have your javascript return false when it s done    lt asp button runat  server      OnClientClick  myfunction    return false     gt

User · Answer

You can use jquery click action and use the preventDefault   function to avoid postback   lt asp button ID  btnMyButton  runat  server  Text  MyButton    gt        btnMyButton   click function  e       some actions here  e preventDefault

User · Answer

You just need to return false from the  x000D   x000D  function jsFunction       try          Logic goes here     return false     true for postback and false for not postback     catch  e        alert e message       return false        x000D   lt asp button runat  server  id  btnSubmit  OnClientClick  return jsFunction      gt  x000D   x000D   x000D   JavaScript function like below  Note   Always use try-catch blocks and return false from catch block to prevent incorrect calculation in javaScript function

User · Answer

In my case  I solved adding return in the onClientClick      Code Behind  function verify      if  document getElementById  idName   checked              alert  Fill the field        return false          Design Surface   lt asp Button runat  server  ID  send  Text  Send  onClientClick  return verify      gt

User · Answer

YourButton Attributes Add  onclick    return false      or   lt asp button runat  server      OnClientClick  return false    gt

User · Answer

Consider this    lt script type  text javascript  gt  Sys WebForms PageRequestManager getInstance   add beginRequest BeginRequest   function BeginRequest sender  e        e get postBackElement   disabled   true           lt  script gt

User · Answer

You don t say which version of the  NET framework you are using    If you are using v2 0 or greater you could use the OnClientClick property to execute a Javascript function when the button s onclick event is raised   All you have to do to prevent a server postback occuring is return false from the called JavaScript function

User · Answer

The others are right that you need your callback to return false  however I d like to add that doing it by setting the onclick is an ugly old way of doing things   I d recommend reading about unobtrusive javascript   Using a library like jQuery could make your life easier  and the HTML less coupled to your javascript  and jQuery s supported by Microsoft now

User · Answer

ASP NET always generate asp Button as an input type submit  If you want a button which doesn t do a post  but need some control for the element on the server side  create a simple HTML input with attributes type button and runat server    If you disable click actions doing OnClientClick return false  it won t do anything on click  unless you create a function like   function btnClick            do stuff     return false

User · Answer

You can use JQuery for this   lt asp Button runat  server  ID  btnID    gt    than in JQuery      btnID   click function e  e preventDefault

User · Answer

With Validation  In this example I used two controls ddl and txtbox  have a happy coding   asp ScriptManager ID  script1  runat  server   asp ScriptManager      asp UpdatePanel ID  Panel1  runat  server         ContentTemplate     ASP BUTTON asp Button ID  btnSave  runat  server  Text  Save  class  btn btn-success  OnClientClick  return Valid    OnClick  btnSave Click        ContentTemplate          asp UpdatePanel         lt script type  text javascript  gt          function Valid                  if      ctl00 ContentPlaceHolder1 YOUR CONTROL NAME   val      0                    alert  Please select YOUR TEXT                        ctl00 ContentPlaceHolder1 YOUR CONTROL NAME   focus                    return false                             if      ctl00 ContentPlaceHolder1 YOUR CONTROL NAME   val   length    0                    alert  Please Type YOUR TEXT                       ctl00 ContentPlaceHolder1 YOUR CONTROL NAME   focus                    return false                            return true             lt  script gt

User · Answer

you can use the code    x000D   x000D   lt asp Button ID  Button2  runat  server  x000D       Text  Pulsa  x000D       OnClientClick  this disabled true  x000D       UseSubmitBehavior  False   gt  x000D   x000D   x000D    if nee submit   x000D   x000D      x000D   lt form id  form1  runat  server  onsubmit  deshabilita    gt  x000D      x000D   lt script type  text javascript  gt  x000D      function deshabilita   x000D        x000D          var btn     lt    Button1 ClientID   gt    x000D          if  confirm  Confirme postback    x000D            x000D              document getElementById btn  disabled   true  x000D              return true  x000D            x000D          return false  x000D        x000D   lt  script gt  x000D   x000D   x000D

User · Answer

additionally for accepted answer you can use UseSubmitBehavior  false   MSDN

[.net] How to disable postback on an asp Button (System.Web.UI.WebControls.Button)

Examples related to .net

Examples related to asp.net

Examples related to javascript

Examples related to ajax