ASP.NET not working well with external JavaScript files

Question

I'm an ASP.NET beginner. I'm having problems getting my ASP.NET web form to process the external JS file I have listed on the page. Does jQuery have limited functionality with ASP.NET when used externally?

It is processing the first click event on the checkbox, but not the submit button. I've run other tests like alert(), alert without jquery using window.document.onready. I've tried to alter the CSS on elements and manipulate the DOM with jQuery. I've had no success with those techniques either. NOTE: When I use embedded jQuery directly on the web form, everything works fine.

To whom ever responds, Thanks!!!

// THIS IS WHAT IS IN THE EXTERNAL FILE

$(function(){

    $("#CheckBox1").click(function () { // FIRST FUNCTION WORKS FINE

       $('#Panel1').toggle(!this.checked);

    }); // end click  

    $("#SubmitBtn").click(function () { // CONFIRM ON CLICK IS NOT WORKING

        return confirm("Are you sure you want to submit?");

    }); // end click


}); // end ready

Can u post snippet of ASPX markup showing how SubmitBtn is defined? And if possible snippet of how the same block is rendered in browser as HTML — Comfortably Numb
– Comfortably Numb, Commented May 1, 2014 at 15:45

Tim · Accepted Answer · 2014-05-01 15:50:13Z

1

If you're in an external file, you may want to use the CSS class instead of the button ID. Button IDs are dynamic, like the other poster pointed out.

Instead of $('#SubmitBtn'), you could use $('.cssClassname')

answered May 1, 2014 at 15:50

Tim

4,10910 gold badges39 silver badges64 bronze badges

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

1 Comment

user3593225 Over a year ago

Thank you...for some reason, when I created a new file and copy/pasted the code, everything works. I'm wondering if it was a cache issue. I'll keep the .class suggestion in mind though!

Jameem · Accepted Answer · 2014-05-01 15:53:56Z

0

Try class for accessing the control..

$(function(){

    $("#CheckBox1").click(function () { // FIRST FUNCTION WORKS FINE

       $('#Panel1').toggle(!this.checked);

    }); // end click  

    $(".class").click(function () { // CONFIRM ON CLICK IS NOT WORKING

        return confirm("Are you sure you want to submit?");

    }); // end click


}); // end ready

Here class is the name of the Css Class

answered May 1, 2014 at 15:53

Jameem

1,8383 gold badges15 silver badges26 bronze badges

Comments

Matt Dalzell · Accepted Answer · 2014-05-01 15:55:16Z

0

Are you using an ASP.NET server control for the submit button? If so, then it automatically generates an ID on the client side. If that's the case, try something like:

   $('#<%= SubmitBtn.ClientID%>').click(function () { 
       return confirm("Are you sure you want to submit?");
   });

EDIT: Just saw that this is an external file, so the above solution won't work. If you are using and ASP.NET button, you can always define a function and have it execute on the onClick event like so:

<asp:Button id="SubmitBtn" onClientClick="myFunction()" runat="server"/>

And then in the javascript file:

function myFunction() {
    return confirm("Are you sure you want to submit?");
}

edited May 1, 2014 at 15:55

answered May 1, 2014 at 15:46

Matt Dalzell

8355 silver badges15 bronze badges

3 Comments

Matt Dalzell Over a year ago

Ah didn't see see that it was an external file! I'll edit my answer to reflect that

kylemac Over a year ago

This updated solution does not work either. I've been working on the same issue. I just ran it in the chrome debugger and the function returns false, but the action still happens. If you move it inline on the onClientClick then it works correctly.

Matt Dalzell Over a year ago

If I'm understanding you correctly, then you want your javascript function to prevent a serverside postback? If that is the case and your function has return false;, you will need onClientClick="return myFunction();".

Collectives™ on Stack Overflow

ASP.NET not working well with external JavaScript files

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related