Disable the postback on an

Question

I have an ASP.NET linkbutton control on my form. I would like to use it for javascript on the client side and prevent it from posting back to the server. (I'd like to use the linkbutton control so I can skin it and disable it in some cases, so a straight up tag is not preferred).

How do I prevent it from posting back to the server?

score 68 · Accepted Answer · answered Oct 07 '08 at 01:21

68

ASPX code:

<asp:LinkButton ID="someID" runat="server" Text="clicky"></asp:LinkButton>

Code behind:

public partial class _Default : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
        someID.Attributes.Add("onClick", "return false;");
    }
}

What renders as HTML is:

<a onclick="return false;" id="someID" href="javascript:__doPostBack('someID','')">clicky</a>

In this case, what happens is the onclick functionality becomes your validator. If it is false, the "href" link is not executed; however, if it is true the href will get executed. This eliminates your post back.

answered Oct 07 '08 at 01:21

Russell Myers

2,009
1
15
29

1

`` and adding the above, when clicking nothing happens :/ – SearchForKnowledge Apr 08 '15 at 18:21
perfect, been struggling with this for a while as didn't want the __postback called instead called some JS. much appreciated. – Andrew May 01 '20 at 09:18

score 40 · Answer 2 · answered Oct 07 '08 at 02:05

40

This may sound like an unhelpful answer ... But why are you using a LinkButton for something purely client-side? Use a standard HTML anchor tag and set its onclick action to your Javascript.

If you need the server to generate the text of that link, then use an asp:Label as the content between the anchor's start and end tags.

If you need to dynamically change the script behavior based on server-side code, consider asp:Literal as a technique.

But unless you're doing server-side activity from the Click event of the LinkButton, there just doesn't seem to be much point to using it here.

answered Oct 07 '08 at 02:05

John Rudy

37,282
14
64
100

I agree. Primarily, I want to use a skin I've already created for linkbuttons used elsewhere. – y0mbo Oct 07 '08 at 02:32
Can you not modify the skin, or base the styles for the given anchor off those used in the skin? – John Rudy Oct 07 '08 at 10:58
2

You might favor a linkbutton even if server postback is disabled when: 1) You still desire the benefit of a control implementing INamingContainer. Example, you have multiple user controls on a page where each contains a LinkButton that needs a unique ID. 2) You want to keep asp client validation. – John Grant Oct 24 '08 at 18:55
1

Also, sometimes LinkButtons are used as a target control for an ajax extender control – Bron Davies Oct 31 '13 at 02:12
You may want this to dynamically generate the buttons. However you can use new HtmlGenericControl() – FalcoGer Jan 23 '19 at 16:19

score 26 · Answer 3 · edited May 19 '11 at 16:08

26

You can do it too

...LinkButton ID="BtnForgotPassword" runat="server" OnClientClick="ChangeText('1');return false"...

And it stop the link button postback

edited May 19 '11 at 16:08

sth

222,467
53
283
367

answered Feb 01 '11 at 20:06

Denis

261
3
2

It works, but the problem is, if you have some operation going on such as deleting the record after modal pop-up, this doesn't work at all. It just simply refreshes the page. Nothing else. – Rohan Rao Oct 05 '19 at 08:06

score 15 · Answer 4 · answered May 11 '12 at 23:07

15

Just set href="#"

<asp:LinkButton ID="myLink" runat="server" href="#">Click Me</asp:LinkButton>

answered May 11 '12 at 23:07

Randall Sutton

1,875
19
27

from what i tested, this will cause the page scrolls up the top. – Yang You Dec 09 '19 at 02:48

score 6 · Answer 5 · edited Jul 07 '20 at 22:26

6

Just been through this, the correct way to do it is to use:

OnClientClick
return false

as in the following example line of code:

<asp:LinkButton ID="lbtnNext" runat="server" OnClientClick="findAllOccurences(); return false;" />

edited Jul 07 '20 at 22:26

David Clarke

12,888
9
86
116

answered Sep 28 '12 at 15:18

Adam

3,815
29
24

score 6 · Answer 6 · answered Oct 07 '08 at 02:08

6

I think you should investigate using a HyperLink control. It's a server-side control (so you can manipulate visibility and such from code), but it omits a regular ol' anchor tag and doesn't cause a postback.

answered Oct 07 '08 at 02:08

John Sheehan

77,456
30
160
194

score 4 · Answer 7 · edited May 19 '11 at 16:08

4

In C#, you'd do something like this:

MyButton.Attributes.Add("onclick", "put your javascript here including... return false;");

edited May 19 '11 at 16:08

sth

222,467
53
283
367

answered Oct 07 '08 at 00:43

BoltBait

11,361
9
58
87

score 2 · Answer 8 · answered Oct 19 '10 at 16:04

Instead of implement the attribute:

public partial class _Default : System.Web.UI.Page{
 protected void Page_Load(object sender, EventArgs e)
 {
    someID.Attributes.Add("onClick", "return false;");
 }}

Use:

OnClientClick="return false;"

inside of asp:LinkButton tag

score 2 · Answer 9 · answered Oct 16 '18 at 07:16

To avoid refresh of page, if the return false is not working with asp:LinkButton use

href="javascript: void;"

or

href="#"

along with OnClientClick="return false;"

<asp:LinkButton ID="linkPrint" runat="server" CausesValidation="False" href="javascript: void;"
        OnClientClick="javascript:self.print();return false;">Print</asp:LinkButton>

Above is code will call the browser print without refresh the page.

score 1 · Answer 10 · answered Nov 08 '13 at 16:25

1

Something else you can do, if you want to preserve your scroll position is this:

<asp:LinkButton runat="server" id="someId" href="javascript: void;" Text="Click Me" />

answered Nov 08 '13 at 16:25

Andrew Gray

3,756
3
39
75

score 1 · Answer 11 · answered Sep 28 '10 at 12:16

1

call java script function on onclick event.

answered Sep 28 '10 at 12:16

Rizwan Majeed

21
1
3

score 1 · Answer 12 · edited May 19 '11 at 16:07

1

Have you tried to use the OnClientClick?

var myLinkButton = new LinkButton { Text = "Click Here", OnClientClick = "JavaScript: return false;" };

<asp:LinkButton ID="someID" runat="server" Text="clicky" OnClientClick="JavaScript: return false;"></asp:LinkButton>

edited May 19 '11 at 16:07

sth

222,467
53
283
367

answered May 19 '11 at 16:01

Stefan Hakansson

11
1

score 0 · Answer 13 · edited Jan 29 '14 at 20:21

0

In the jquery ready function you can do something like below -

var hrefcode = $('a[id*=linkbutton]').attr('href').split(':');
var onclickcode = "javascript: if`(Condition()) {" + hrefcode[1] + ";}";
$('a[id*=linkbutton]').attr('href', onclickcode);

edited Jan 29 '14 at 20:21

Kara

6,115
16
50
57

answered Jan 29 '14 at 19:57

Senthilkumar baliah

1

1

Welcome to StackOverflow! Since the OP did not mention JQuery, your answer is slightly off-topic. To make the answer better, you could include additional context about how to incorporate JQuery here. On the other hand, since the question was asked and answered (many times) 5 years ago, only very on-topic answers would be useful at this point. – dg99 Jan 29 '14 at 20:21

score 0 · Answer 14 · edited May 19 '11 at 16:08

0

No one seems to be doing it like this:

createEventLinkButton.Attributes.Add("onClick", " if (this.innerHTML == 'Please Wait') { return false; } else {  this.innerHTML='Please Wait'; }");

This seems to be the only way that works.

edited May 19 '11 at 16:08

sth

222,467
53
283
367

answered Feb 11 '10 at 13:49

Peter

1

score 0 · Answer 15 · answered May 08 '10 at 18:26

0

Why not use an empty ajax update panel and wire the linkbutton's click event to it? This way only the update panel will get updated, thus avoiding a postback and allowing you to run your javascript

answered May 08 '10 at 18:26

MisterMarc

1

score -1 · Answer 16 · answered Oct 07 '08 at 00:51

You might also want to have the client-side function return false.

<asp:LinkButton runat="server" id="button" Text="Click Me" OnClick="myfunction();return false;" AutoPostBack="false" />

You might also consider:

<span runat="server" id="clickableSpan" onclick="myfunction();" class="clickable">Click Me</span>

I use the clickable class to set things like pointer, color, etc. so that its appearance is similar to an anchor tag, but I don't have to worry about it getting posted back or having to do the href="javascript:void(0);" trick.

OnClick binds the server-side event, not the client side event. onclientclick is the client event — Glenn Slaven, Oct 07 '08 at 02:21

score -1 · Answer 17 · answered Dec 22 '10 at 07:25

-1

use html link instead of asp link and you can use label in between html link for server side control

answered Dec 22 '10 at 07:25

ahmet

1

Disable the postback on an

17 Answers17

Linked