Jquery with Asp.net button

Question

Am trying to fire a jquery in a asp.net button.It is not getting triggered.What's going to wrong ?

//Code

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script type="text/javascript" src ="Scripts/jquery-1.4.1.js"></script>
<script type ="text/javascript">
  $(document.ready(function(){
       $("#<%=Button1.ClientID %>").click(function () {
                 showalert('HTML Button Clicked');
       });
  });

  function showalert(btnText) {
      alert(btnText)
  } 
</script>

</head>
<body>
   <form id="form1" runat="server">
     <div>
        <asp:Button ID="Button1" runat="server" Height="41px" 
           style="margin-left: 340px; margin-top: 197px" 
          Text="Button" Width="147px"/>
     </div>
  </form>
</body>
</html>

Can some one help me?

$(document) -> closing Parentheses is missing

Pitchai P
– Pitchai P

2013-03-29 06:16:48 +00:00
Commented Mar 29, 2013 at 6:16 — Pitchai P
– Pitchai P, Commented Mar 29, 2013 at 6:16
Update your jquery version also if possible

Suresh Atta
– Suresh Atta

2013-03-29 06:21:17 +00:00
Commented Mar 29, 2013 at 6:21 — Suresh Atta
– Suresh Atta, Commented Mar 29, 2013 at 6:21
It is $(document).ready(function() { //...});

Anujith
– Anujith

2013-03-29 06:26:30 +00:00
Commented Mar 29, 2013 at 6:26 — Anujith
– Anujith, Commented Mar 29, 2013 at 6:26

Niventh · Accepted Answer · 2013-03-29 06:29:12Z

1

your document ready syntax is wrong . Try this code

<script type ="text/javascript">

    $(document).ready(function () {
        $("#<%=Button1.ClientID %>").click(function () {

            showalert('HTML Button Clicked');
        });
    });
  function showalert(btnText) {
      alert(btnText)
  } 
</script>

</head>
<body>
   <form id="form1" runat="server">
     <div>
        <asp:Button ID="Button1" runat="server" Height="41px" 
           style="margin-left: 340px; margin-top: 197px" 
          Text="Button" Width="147px"/>
     </div>
  </form>
</body>
</html>

answered Mar 29, 2013 at 6:29

Niventh

9952 gold badges9 silver badges23 bronze badges

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

Comments

शेखर · Accepted Answer · 2013-03-29 06:29:37Z

1

You are missing right ) in document.ready

<script type ="text/javascript">
  $(document).ready(function(){
       $("#<%=Button1.ClientID %>").click(function (event) {
             showalert('HTML Button Clicked');
             event.preventDefault();//don't forgot this
       });
  });

 function showalert(btnText) {
    alert(btnText)

  } 
</script>

answered Mar 29, 2013 at 6:29

शेखर

17.6k14 gold badges64 silver badges123 bronze badges

Comments

शेखर · Accepted Answer · 2013-03-29 06:31:29Z

1

Try This:

  <asp:Button ID="Button1" runat="server" Height="41px" OnClientClick="function_name();" 
             style="margin-left: 340px; margin-top: 197px" Text="Button" Width="147px"/>

In script define the function function_name():

<script type ="text/javascript">

         function function_name() {
             //what ever you want.
            } 
</script>

edited Mar 29, 2013 at 6:31

शेखर

17.6k14 gold badges64 silver badges123 bronze badges

answered Mar 29, 2013 at 6:19

Gurmeet

3,3245 gold badges23 silver badges45 bronze badges

Collectives™ on Stack Overflow

Jquery with Asp.net button

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related