jsfiddle question [duplicate]

Question

This question already has an answer here:

• Why isn't my JavaScript working in JSFiddle? 7 answers

I can't get this extremely simple jsfiddle to work. Its just supposed to alert test when button is clicked. What am I missing here?

http://jsfiddle.net/u9nG6/2/

Answer 1

You have to change the load method to no wrap (head).

It has something to do with how the JavaScript gets loaded and when the method signature is read. http://jsfiddle.net/u9nG6/11/

Answer 2

jQuery framework is selected to load onDomReady so your function is wrapped in the jQuery anonymous function $(function(){ }); and is not visible. Either change jQuery to load as no wrap (head) or define your function at the global scope.

Answer 3

See here.

You needed to define your validateForm function at the global scope in order to be able to use it in the HTML like that. Otherwise you had it defined as a function within the scope of the onDomReady event, which is inaccessible outside that scope.

A more "jQuery-ish" approach would be to use jQuery to handle the click event like this:

$("#id_btnSubmit").click(validateForm);

See here for an example of that suggestion.

Answer 4

You're using jquery + ondomready. This means any javascript you write is placed within

$(function() {

and

});

this leads to a scope problem. You can try the following instead.

window.validateForm = function() {
}