jsfiddle question [duplicate]

Question

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/

Fannie

Simple remark: Instead of bind click, you've better to trap submit event! – July

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/

Coquelicot

To be specific: the onDomReady wraps the function and it only exists in that scope. The no wrap means that the function exists in the global scope. – Autotomize

Answer 2

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.

Canaanite

Answer 3

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.

From

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() {
}

Foldboat