Image button OnClientClick() event issue in ASP.net using C#

Question

I am having one Web page(First window). In that page I am having one image button, Which is having OnClientClick event. In that event I call a javascript method as OpenHelpWindow() i.e.

OnClientClick ="OpenHelpWindow()"

Now whenever I clicked that image button the event in the javascript method(OpenHelpWindow()) will get trigger and it will open the New help web window. Its working properly but the problem is, When I press Enter key then also the event will get fire and show me the help window.

Now I want to stop the second window (Help window) opening when the Enter key pressed.

How can I resolve this problem?

My Code for the first web window Image button is,

.aspx code

.
.
<asp:ImageButton ImageUrl="~/Images/help.png" runat="server" ID="ibtnHelp"
                                AlternateText="Help" ToolTip="Help"  OnClientClick="OpenHelpWindow()" />
.
.

Javascript code for OpenHelpWindow() is

function OpenHelpWindow()
{
var newWin = null;
try
 {
    newWin = window.open("../Common/OpenHelpUrl.aspx");
    newWin.focus();
    return false;
 }
finally
 {
    newWin = null;
 }
}

is this your default button?

Prasad
– Prasad

2013-01-09 10:10:15 +00:00
Commented Jan 9, 2013 at 10:10 — Prasad
– Prasad, Commented Jan 9, 2013 at 10:10
@Prasad: Default button means, What do u mean?

SuryaKavitha
– SuryaKavitha

2013-01-09 10:20:58 +00:00
Commented Jan 9, 2013 at 10:20 — SuryaKavitha
– SuryaKavitha, Commented Jan 9, 2013 at 10:20
see below ans of Roy Dictus!!!

Prasad
– Prasad

2013-01-09 10:22:48 +00:00
Commented Jan 9, 2013 at 10:22 — Prasad
– Prasad, Commented Jan 9, 2013 at 10:22

Roy Dictus · Accepted Answer · 2013-01-09 11:23:19Z

4

Your ImageButton is the form's default button, which means that when the user presses Enter, that button automagically gets "pressed". This is standard ASP.NET behavior.

You can change this by adding the following attribute to your <ImageButton.../> tag:

UseSubmitBehavior="False"

Good luck!

EDIT

If this doesn't work (which it should!), then you can fool the browser by adding an invisible dummy button in your form:

<asp:Button ID="dummy" runat="server" Text="" OnClientClick="return false;" style="display:none;"/>

and then adding defaultButton="dummy" to your <form />.

edited Jan 9, 2013 at 11:23

answered Jan 9, 2013 at 10:16

Roy Dictus

33.3k9 gold badges64 silver badges77 bronze badges

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

9 Comments

SuryaKavitha Over a year ago

I added this on my Image button tag but Still its opening that help window when I am pressing Enter key.

Roy Dictus Over a year ago

Have you specified defaultButton = "ibtnHelp" in your <form> tag or in code anywhere?

SuryaKavitha Over a year ago

No I didnt specified defaultButton="ibtnHelp" anywhere in my application. I dont know How it could be acting as a default button? Please help me on this.

Roy Dictus Over a year ago

I've added something to my answer, check above.

SuryaKavitha Over a year ago

Thanks for your nice code.I think, This should work. Will apply this on my code and let you know about it.

|

moh · Accepted Answer · 2015-05-18 08:01:38Z

0

Invalid postback or callback argument. Event validation is enabled using in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

answered May 18, 2015 at 8:01

moh

1

1 Comment

namezero Over a year ago

how does this answer the question?

Collectives™ on Stack Overflow

Image button OnClientClick() event issue in ASP.net using C#

.aspx code

Javascript code for OpenHelpWindow() is

2 Answers 2

9 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

.aspx code

Javascript code for OpenHelpWindow() is

2 Answers 2

9 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related