Response title
This is preview!
Move this topic
HELP : onclick ( is not defined )
in Using jQuery
•
9 years ago
im testing function, please help me. gives me that error
// html
// jquery
$(function() {
function saveEmail() {
console.log("Saved !");
}
});
// onclick error
Uncaught ReferenceError: saveEmail is not defined
1
Replies(3)
Re: HELP : onclick ( is not defined )
9 years ago
Try the code below as say Option 1 :
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<!--<link rel="stylesheet" href="no_styles_here_but_later_style.css"> -->
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="http://code.jquery.com/jquery-2.0.3.js"></script>
<!--<![endif]-->
<style>
</style>
</head>
<body>
<form>
Email: <input type="text" name="the_email" onclick="saveEmail(this)"><br>
</form>
<script>
function saveEmail(e) {
console.log("Saved !");
console.log(e);
}
$( document ).ready(function() {
// Do you want saveEmail in here?
});
</script>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<!--<link rel="stylesheet" href="no_styles_here_but_later_style.css"> -->
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="http://code.jquery.com/jquery-2.0.3.js"></script>
<!--<![endif]-->
<style>
</style>
</head>
<body>
<form>
Email: <input type="text" name="the_email" onclick="saveEmail(this)"><br>
</form>
<script>
function saveEmail(e) {
console.log("Saved !");
console.log(e);
}
$( document ).ready(function() {
// Do you want saveEmail in here?
});
</script>
</body>
</html>
Leave a comment on coldfusionguy's reply
Re: HELP : onclick ( is not defined )
9 years ago
This is Option 2:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<!--<link rel="stylesheet" href="no_styles_here_but_later_style.css"> -->
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="http://code.jquery.com/jquery-2.0.3.js"></script>
<!--<![endif]-->
<style>
</style>
</head>
<body>
<form>
Email: <input type="text" name="the_email" id="the_email_input"><br>
</form>
<script>
$(document).ready(function() {
function saveEmail(e) {
console.log(e);
console.log("Saved !");
console.log($(this));
}
$("#the_email_input").click(saveEmail);
});
</script>
</body>
</html>
There may be other options as well.
Jim
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Title</title>
<!--<link rel="stylesheet" href="no_styles_here_but_later_style.css"> -->
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
<meta http-equiv="X-UA-Compatible" content="IE=edge;chrome=1" />
<!--[if lt IE 9]>
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<![endif]-->
<!--[if gte IE 9]><!-->
<script src="http://code.jquery.com/jquery-2.0.3.js"></script>
<!--<![endif]-->
<style>
</style>
</head>
<body>
<form>
Email: <input type="text" name="the_email" id="the_email_input"><br>
</form>
<script>
$(document).ready(function() {
function saveEmail(e) {
console.log(e);
console.log("Saved !");
console.log($(this));
}
$("#the_email_input").click(saveEmail);
});
</script>
</body>
</html>
There may be other options as well.
Jim
Leave a comment on coldfusionguy's reply
Re: HELP : onclick ( is not defined )
9 years ago
You are also defining your saveEmail function inside the jQuery ready handler, code inside the ready handler is not run until the page is done loading (essentially) so if you are trying to call that function from code that is run prior to that then it wont work because it wont be able to find it.
You should post the html that contains the onclick assignment so we can see better what you're trying to do.
Dave
You should post the html that contains the onclick assignment so we can see better what you're trying to do.
Dave
Leave a comment on dsvick's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to jEngine's question