jsfiddle question

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/

Simple remark: Instead of bind `click`, you've better to trap `submit` event! — F. Hauri - Give Up GitHub, Nov 03 '12 at 10:10

score 8 · Accepted Answer · answered Jul 25 '11 at 23:27

8

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/

answered Jul 25 '11 at 23:27

citizen conn

15,300
3
58
80

1

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. – James Khoury Jul 25 '11 at 23:30

score 2 · Answer 2 · answered Jul 25 '11 at 23:29

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.

answered Jul 25 '11 at 23:29

andyb

43,435
12
121
150

score 2 · Answer 3 · answered Jul 25 '11 at 23:29

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.

score 0 · Answer 4 · answered Jul 25 '11 at 23:28

0

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

answered Jul 25 '11 at 23:28

Ben Rowe

28,406
6
55
75

jsfiddle question

4 Answers4

Linked