Jquery 为什么什么都没发生？ $document.ready（函数（）{ 变量形式=$（“联系形式”）； var FName=$（“FName”）；//从表单创建变量 var FNameInfo=$（“FNameInfo”）； 变量LName=$（“LName”）； var Tele=$（“Tele”）； var电子邮件=$（“电子邮件”）； FName.blur（validateFName）； form.submit（函数（）{ if（validateFName&validateName&validateTable（）&validateEmail（））{//如果它通过了所有这些，则返回true 返回true； }否则{ 返回false； } }); 函数validateFName（）{ 如果（FName.val（）.length
我正在尝试创建一个表单并使用JQuery进行验证我正在尝试验证表单的第一部分，即“fname”又名first name，但似乎什么都没有发生插件有错误吗？我将Jquery代码复制到一个单独的脚本中，并创建了一个src路径。当我将代码从脚本复制并粘贴到脚本之间的HTML页面时，仍然没有标记，我尝试运行一个测试，通过在HTML文件中插入一个警告“Hello World”来查看Jquery是否有效它起作用了，所以我真的很困惑，为什么什么都没发生：s你的选择器错了 通过这样做：Jquery 为什么什么都没发生？ $document.ready（函数（）{ 变量形式=$（“联系形式”）； var FName=$（“FName”）；//从表单创建变量 var FNameInfo=$（“FNameInfo”）； 变量LName=$（“LName”）； var Tele=$（“Tele”）； var电子邮件=$（“电子邮件”）； FName.blur（validateFName）； form.submit（函数（）{ if（validateFName&validateName&validateTable（）&validateEmail（））{//如果它通过了所有这些，则返回true 返回true； }否则{ 返回false； } }); 函数validateFName（）{ 如果（FName.val（）.length,jquery,html,css,Jquery,Html,Css,我正在尝试创建一个表单并使用JQuery进行验证我正在尝试验证表单的第一部分，即“fname”又名first name，但似乎什么都没有发生插件有错误吗？我将Jquery代码复制到一个单独的脚本中，并创建了一个src路径。当我将代码从脚本复制并粘贴到脚本之间的HTML页面时，仍然没有标记，我尝试运行一个测试，通过在HTML文件中插入一个警告“Hello World”来查看Jquery是否有效它起作用了，所以我真的很困惑，为什么什么都没发生：s你的选择器错了 通过这样做： $document.re
$document.ready(function(){
var form = $("contact_form");
var FName = $("fname"); //Creates Variables from forms
var FNameInfo = $("fnameInfo");
var LName = $("lname");
var Tele = $("tele");
var Email = $("email");
FName.blur(validateFName);
form.submit (function (){
if (validateFName & validateSName & validateTele() & validateEmail() ){ //If it passes all of these then return true
return true;
}else {
return false;
}
});
function validateFName () {
if (FName.val().length < 5 ){
FName.addClass("error");
FNameInfo.text("Incorrect Name");
FNameInfo.addClass("error");
return: false;
}
else {
FName.removeClass("error");
FNameInfo.text("Whats your fname" );
FNameInfo.removeClass("error");
return true;
}
}
});
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8/">
<title>this is my first</title>
<link rel = "stylesheet" href = "SecCustom.css" type = "text/css"/>
<script type = "application/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type = "application/javascript" src="js/Validation.js"></script>
<script>
</script>
</head>
<body>
<div id = "container">
<form action="" method="get" id = "contact_form">
<div>
<label for ="name">First Name </label>
<input id = "fname" name = "fname" type = "text"/>
<span id = "fnameInfo" > Whats your first name?</span>
</div>
<div>
<label for ="lname">Last Name </label>
<input id = "lname" name = "lname" type = "text"/>
<span id = "lnameInfo" > Whats your last name?</span>
</div>
<div>
<label for ="tele">Telephone </label>
<input id = "tele" name = "tele" type = "text"/>
<span id = "fnameInfo" > Telephone</span>
</div>
<div>
<label for ="email">email </label>
<input id = "email" name = "email" type = "text"/>
<span id = "fnameInfo" > Whats your last email?</span>
</div>
<div>
<input id = "send" name = "send" type = "submit" value = "send"/>
</div>
</form>
</div>
</body>
</html>
#contact_form textarea.error{
background:#f8dbdb;
border-color: #e77776;
}
#error {
margin-bottom:20px;
border:1px solid #efe;
}
var form = $("contact_form");
您应该阅读这篇文章。您的JavaScript在validateFName函数中有一个错误
var form = $("#contact_form");
return: false;
return false;
哦，谢谢你，我的错误我打字时一定没有注意到，但还是一样的东西，没什么。你的控制台有错误吗？在submit函数中的第一个
ifvalidateFNamevalidateFName（）fnameInfo