button click event in jquery is not triggered for asp button

Question

 <asp:Button runat="server" CssClass="btn btn-primary btn-group-lg" ID="btnSubmit" Text="Sign in" OnClick="btnSubmit_Click" />

This is my button. I have a javascript file <script src="Scripts/jsFile.js"></script> Where i have written below code

$(document).ready(function () {
    $('#divMain').hide().fadeIn(2000)

    $(document).on("click", "#btnSubmit", function (e) {
        alert('The element myID is clicked');
    });
});

fadeIn functionality works however click is not triggered. I need to do something else??

Put e.preventDefault (); just before the alert statement. Also you don't need OnClick="btnSubmit_Click" — renakre
– renakre, Commented Feb 24, 2015 at 5:56

Mahesh · Accepted Answer · 2015-02-24 05:53:01Z

1

Possible issue is your jquery script is unable to find the id thats why event is not firing.

Try using the

 '<%=btnSubmit.ClientID%>'

This will work very fast as it will use native document.getElementById. in your selector.
As server control id generation pattern is something you dont want to dependent on.

OR

As mentioned by @Kartikey You can set the ClientIDMode = Static of #btnSubmit button

edited Feb 24, 2015 at 5:53

answered Feb 24, 2015 at 5:47

Mahesh

8,9422 gold badges37 silver badges55 bronze badges

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

Collectives™ on Stack Overflow

button click event in jquery is not triggered for asp button

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related