$(function()
{
$(".error").hide();
$("#submit").click(function()
{
//form validate
var name= $("input#fullname").val();
if (name == "")
{
$("label#name_error").show();
$("input#fullname").focus();
return false;
}
var email= $("input#email").val();
if (email == "")
{
$("label#email_error").show();
$("input#email").focus();
return false;
}
var subject= $("input#subject").val();
if (subject == "")
{
$("label#subject_error").show();
$("input#subject").focus();
return false;
}
var textarea= $("textarea#textarea").val();
if (textarea == "")
{
$("label#textarea_error").show();
$("textarea#textarea").focus();
return false;
}
var dataString = 'fullname='+name+'&email='+email+'&subject='+subject+'&textarea='+textarea;
//alert (dataString);return false;
$.ajax({
type: "POST",
url: "form.php",
data: dataString,
success: function()
{
$("#form").html("<div id='message'></div>");
$("#message").html("<h2 id='success'>Query Submitted!</h2>").append("<p>You will be contacted shortly...</p><p>Reload the page to submit another query.</p>").hide().fadeIn(1500)
}
})
return false;
});
});
its just a small question
I have this website which has been working perfectly for the past 2-3 months … but today when I accidentally wandered into the resource section of chrome’s console window there was an error saying
“uncaught reference error: $ is not defined”
I haven’t found a satisfactory answer on the web anywhere … your thoughts?
here is the head section… i have not included any scripts anywhere else on the page
<head>
<meta charset="utf-8">
<link rel="stylesheet" href="cq.css" type="text/css">
<script type="text/javascript" src="form.js"></script>
<link rel="shortcut icon" href="images/favicon.ico" />
<script src="jquery.js"></script>
<script src="form.js"></script>
<!--share-->
<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
<script type="text/javascript">stLight.options({publisher: "ur-c6d56dfc-f929-5bbf-a456-178fc403ae45"});</script>
<!--share ends here-->
</head>
You’re calling your script before referencing jQuery. Change your HTML to:
You’re also importing the same JavaScript file (form.js) twice.