Javascript Uncaught ReferenceError

Question

I have simple Javascript code for onClick event but I get

Uncaught ReferenceError: validate is not defined

HTML:

<head>
    <script src="js/confirmation.js"></script>
</head>
...
<button type="button" name="confirm" onclick="validate()">Validate</button>

JS:

function validate() {
   alert("hi");
}

Am I missing something ???

are you sure that the js file is being referenced correctly? The code is correct, but it doesn't know what `validate()` is so you need to check you are referencing the location of the javascript file correctly! — Paul Fitzgerald, Apr 04 '16 at 09:07
Maybe, your js definition just in wrong scope. Try `window.validate = function(){...}` — vp_arth, Apr 04 '16 at 09:07
check for errors in console, I think path of js file is wrong. — Kartikeya Khosla, Apr 04 '16 at 09:07
@smile22121 check the network tab if the path for the js file is correct, it shouldn't say 404. — Jai, Apr 04 '16 at 09:08
I Posted my answer below .try to mark with green tick my answer if it solution for you because it useful for future user .@smile22121 — JYoThI, Jun 22 '16 at 12:15
The user changed the question completely, thus the closevote. Then I realized this, I reverted the edit and retracted my vote. — Your Common Sense, Jun 22 '16 at 12:22

score 0 · Answer 1 · edited Jun 20 '20 at 09:12

Because you're actually defining function validate on a local scope. The solution is quite obvious. Just make it global.

function validate() {
   alert("hi");
}
console.log(this); //it must be the `window` object

Replace

function validate() {
   alert("hi");
}

with

window.validate = function() {
   alert("hi");
}

score 0 · Answer 2 · answered Apr 04 '16 at 09:14

0

Try this it will work :

use global variable window to call the function validate.

/**
*
* Validate the input.
*/
window.validate = function() {
  alert("hi");
}

Jsfiddle : https://jsfiddle.net/uf1d4aab/1/

answered Apr 04 '16 at 09:14

Debug Diva

2 Answers2