How Do I Call Javascript Function On Asp Button Click Event?

Question

4.00/5 (1 vote)

See more:

, +

Hi
I want to call one javascript on click of one asp button.Am using below code,
<script type="text/javascript">
function clear() {
alert("Testing");
return false;
}
</script>

<asp:Button ID="btnclr" Text="Clear" class="btn" OnClientClick="clear();" runat="server" onclick="btnclr_Click" />

but when i click button nothing is happening. how can i do this?
The page should not do postback when i click that button, that is i wanted.
I guess page will do post back if i use clientscript.

Posted 18-Aug-14 2:50am

Am Gayathri

Add a Solution

Comments

Snesh Prajapati 18-Aug-14 9:19am

Can u please update us ....what worked and mark those as answer. Thanks.

Am Gayathri 18-Aug-14 9:45am

Need to add "return" in the onclientclick .Its working now.

Snesh Prajapati 18-Aug-14 9:52am

Thanks for update !!

3 solutions

Solution 3

Try this....

XML

<head runat="server">
    <title></title>
    <script type="text/javascript" language="javascript">
        function Clear() {
            alert("Testing the code");
            return false;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick="Clear()" OnClick="btnCancel_Click" />
    </div>
    </form>
</body>
</html>

Thanks

Posted 18-Aug-14 3:05am

mukesh.netdev

Comments

Am Gayathri 18-Aug-14 9:44am

Thanks for your reply.

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Snesh Prajapati · Accepted Answer · 2014-08-18T02:55:00

Solution 1

You must add "return" as

<asp:Button ID="btnclr" Text="Clear" class="btn" OnClientClick="return clear();" runat="server" onclick="btnclr_Click" />

for more...Have a look on
How to Call javascript function on button click event[^]

Thanks.

Posted 18-Aug-14 2:55am

Snesh Prajapati

Kumarbs · Accepted Answer · 2014-08-18T03:00:00

Solution 2

You need to prepend "return" in the click click method like as follows.

C#

<asp:button id="btnclr" text="Clear" class="btn" onclientclick="return clear();" runat="server" onclick="btnclr_Click" xmlns:asp="#unknown" />

Hope it fix your issue.

Posted 18-Aug-14 3:00am

Kumarbs