How to Call JavaScript before ServerSide Click Event in ASP.Net C Sharp

Question

0.00/5 (No votes)

See more:

Please Take a look to following code.

Default.Aspx

HTML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript">
        function call() {
            alert("Call Client");
            return true;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="btnclick" name="btnclick" type="button" runat="server" onserverclick="btnclick_ServerClick"  value="Input Button"/><br />
        <asp:Button ID="btnClickAsp" runat="server" Text="ASP Button" OnClick="btnclick_ServerClick"/>
    </div>
    </form>
</body>
</html>

Default.Aspx.cs

C#

public partial class _Default : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        btnclick.Attributes.Add("onserverclick", "return call()");
        btnClickAsp.Attributes.Add("onclick", "return call()");

    }
    protected void btnclick_ServerClick(object sender, EventArgs e)
    {
        Response.Redirect("default2.aspx",false);
    }

}

Now My problem is that on Click of 'Asp Button' an Alert Box of JavaScript is shown and on click 'Ok' the server side method 'btnclick_ServerClick' is called and redirect to 'Default2.aspx' Page.
BUT
This does not happen same thing for '<input /> Button'. It don't even call JavaScript function nor get call to server side. But I need both to be called. please suggest me right code. Am I going wrong somewhere?

Posted 21-Nov-12 5:27am

amit Baswa

Add a Solution

4 solutions

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)

Thomas Daniels · Answer 1 · 2012-11-21T05:39:00

Hi,

Set an event handler to the OnClientClick event on the button:

XML

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>

    <script type="text/javascript">
        function call() {
            alert("Call Client");
            return true;
        }
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input id="btnclick" name="btnclick" type="button" runat="server" onserverclick="btnclick_ServerClick" OnClientClick="return call()"  value="Input Button"/><br />
        <asp:Button ID="btnClickAsp" runat="server" Text="ASP Button" OnClick="btnclick_ServerClick" OnClientClick="return call()"/>
    </div>
    </form>
</body>
</html>

If you do that, you don't need to set the attributes in the Page_Load function.

Hope this helps.

Member 9581488 · Answer 2 · 2012-11-21T06:38:00

Solution 4

onclick=" if (inputcall()) { __doPostBack('btnclick', ''); }"

this line I think you should check if inputcall has returned true or false and then execute the code.

for exp:
OnClientClick="if(!FireConfirm()) return false;"

OR ELSE.. check in inputcall if it returns true everytime

Posted 21-Nov-12 6:38am

Member 9581488

Member 9581488 · Answer 3 · 2012-11-21T05:36:00

Solution 1

Call Javascript function on onClientClick event and server side onclick event.

Posted 21-Nov-12 5:36am

Member 9581488

Comments

amit Baswa 21-Nov-12 12:00pm

Please Describe your Solution.
By the way there is nothing like 'onClientClick' for '<input /> button'

Member 9581488 · Answer 4 · 2012-11-21T06:13:00

Solution 3

You have to call javascript on input button click event and then use pagemethod or Postback in javascript to call server side function for redirecting it to another page.

Posted 21-Nov-12 6:13am

Member 9581488

Comments

amit Baswa 21-Nov-12 12:31pm

ok...I got your point. and I tried the following Code
function inputcall() {
return confirm("Call Client input");
}
--------------------------------
<input id="btnclick" name="btnclick" type="button" runat="server" onclick=" if (inputcall()) { __doPostBack('btnclick', ''); }" önserverclick="btnclick_ServerClick1" value="Input Button"/>

Here first I get Confirm Message, Now I was expecting that if I pressed OK then I will be postBacked and if I press Cancel then It must not call to BostBack,
But this is creating problem for me. On 'Ok' I m getting postback. But if I press Cancel then also I am getting Postback to serverSide event.
Please Suggest me.
Thanks.

Nelek 21-Nov-12 17:23pm

Please don't post solutions to add information, to ask something or to comment another user.
- To add information to your message, you can use the widget "Improve question" / "Improve solution" at the bottom of your text.
- To ask/answer a user, you can use the widget "Have a question or comment?" (as I am doing right now with you) or the widget "reply" in another comment.

How to Call JavaScript before ServerSide Click Event in ASP.Net C Sharp

4 solutions

Solution 2

Solution 4

Solution 1

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us