JQuery表单验证程序插件不工作
我正在努力使我的jQuery表单验证器工作。我已经花了5个小时让它工作,研究和其他东西,但直到现在我不能 我的代码如下:JQuery表单验证程序插件不工作,jquery,html,Jquery,Html,我正在努力使我的jQuery表单验证器工作。我已经花了5个小时让它工作,研究和其他东西,但直到现在我不能 我的代码如下: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <link rel="stylesheet" type="text/cs
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/validationEngine.jquery.css" type="text/css"/>
<script>
$(document).ready(function(){
$("#formID").validationEngine();
});
</script>
</head>
<body>
<div id="headerBar" ><h1> The Book of Joy!</h1></div>
<div id="content" align="center">
<div id="contentText" align="center">Be a part of our team of IT experts. Apply now!</div>
<div id="leftContent" align=center></div>
<div id="rightContent" align=left>
<b>Signup now!</b>
<hr>
<form id="formID" method = "post" action = "AddApplicantServlet">
<fieldset>
<legend id="legendid">Applicant Registration Form</legend>
<table>
<tr><td>First Name: </td><td><input type = "text" name = fName class="validate[required,custom[onlyLetterSp]]"> </td></tr>
<tr><td>Middle Name: </td><td><input type = "text" name = mName class="validate[required,custom[onlyLetterSp]]"> </td></tr>
<tr><td>Last Name: </td><td><input type = "text" name = lName class="validate[required,custom[onlyLetterSp]]"> </td></tr>
<tr><td>Age: </td><td><input type = "text" name = age class="validate[required,custom[onlyNumberSp]],maxSize[2]"> </td></tr>
<tr><td>Gender: </td><td><select name = gender><option value='m'>Male</option><option value='f'>Female</option> </select> </td></tr>
<tr><td>Email Address: </td><td><input type = "text" name = email class="validate[required,custom[email]]"> </td></tr>
<tr><td>Contact No: </td><td><input type = "text" name = contactNumber class="validate[required]"></td></tr>
<tr><td>City of Residence: </td><td><input type = "text" name = city class="validate[required]"> </td></tr>
<tr><td>School: </td><td><input type = "text" name = school class="validate[required]"> </td></tr>
<tr><td>Course: </td><td><input type = "text" name = course class="validate[required]"> </td></tr>
<tr><td>Year Graduated: </td><td><input type = "text" name = yearGraduated class="validate[required,custom[onlyNumberSp]],maxSize[4]"></td></tr>
<tr><td>Previous Work Experience: </td><td><input type = "text" name = yearWorkExp class="validate[required,custom[onlyNumberSp]],maxSize[2]"> </td></tr>
<tr><td>Sourcing Channel: </td><td><select name = sourceChannel>
<option value='Jobstreet'>Jobstreet</option>
<option value='Direct'>Direct</option>
<option value='Referral'>Referral</option>
<option value='Board Exam'>Board Exam</option>
<option value='Oath Taking'>Oath Taking</option>
<option value='GradList'>GradList</option>
</select></td></tr>
<tr><td> <input type = "submit" value = SUBMIT></td></tr>
</table>
</fieldset>
</form>
<hr>
</div>
</div>
在此处插入标题
$(文档).ready(函数(){
$(“#formID”).validationEngine();
});
欢乐之书!
成为我们IT专家团队的一员。现在就申请!
现在注册!
申请人登记表
名字:
中名:
姓氏:
年龄:
性别:男女
电邮地址:
联络电话:
居住城市:
学校:
课程:
毕业年份:
以前的工作经验:
采购渠道:
工作街
直接的
送交
董事会考试
宣誓
毕业生
为什么它不起作用?我如何解决它
编辑:我使用了chromebug,但它找不到我的js。。。我把它放在正确的路径上了吗
这是我的档案:
这是我的chromebug,我不知道它是什么意思(:
您忘记导入插件的
.js
文件。根据,您还应添加以下行:
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
(并确保您的Web应用程序也可以使用这些文件,即它们不会返回404)您忘记导入插件的
.js
文件。根据,您还应添加以下行:
<script src="js/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>
(并确保您的Web应用程序也可以使用这些文件,即它们不会返回404)您拥有的一个好处是javascript(jquery)对JSP/ASP/PHP或任何其他服务器端技术一无所知。因此,您可以获取输出的html并从那里开始进行故障排除
乍一看,我没有看到添加了javascript验证插件。它现在是核心的一部分了吗?您的一个好处是javascript(jquery)对JSP/ASP/PHP或任何其他服务器端技术一无所知。因此,您可以从那里获取输出的html并对其进行故障排除
乍一看,我没有看到添加了javascript验证插件。它现在是核心的一部分吗?已经晚了几个月,但似乎发生了错误,因为验证引擎需要jQuery 1.6+。这在上的经验法则部分中有说明。“从2.2.4和更高版本开始,jquery 1.6+是因为prop()”需要的。希望这会有所帮助。虽然晚了几个月,但似乎发生了错误,因为验证引擎需要jquery 1.6+。这在上的经验规则部分中有所说明。“从2.2.4和更高版本开始,jquery 1.6+是因为prop()需要的。”“。希望这能有所帮助。到底什么失败了?脚本加载了吗?
validationEngine()
找到函数?使用Firebug排除其中一个和另一个。出现错误..未捕获类型错误:对象没有“validationEngine”方法。这是什么意思?那么这意味着脚本没有正确加载。请检查Net选项卡以确保。src
属性中的URL正确吗?(注意:它相对于当前请求URL,如您在浏览器地址栏中看到的)。通过在浏览器地址栏中输入绝对URL打开脚本时,您是否看到了脚本?如果在src
属性中使用绝对URL,是否有效?等等。新手使用firebug告诉您是否加载了脚本。如果已安装,请在F12前打开firebug。单击“网络”选项卡。刷新页面。您应该会看到jquery.vali正在加载dationEngine.js。HTTP响应状态是什么?是200还是404或其他什么?如果是200,则表示没有问题。如果是404,则表示URL错误或您没有将脚本文件放在正确的位置。到底是什么失败?脚本加载了吗?是validationEngine()
找到函数?使用Firebug排除其中一个和另一个。出现错误..未捕获类型错误:对象没有“validationEngine”方法。这是什么意思?那么这意味着脚本没有正确加载。请检查Net选项卡以确保。src
属性中的URL正确吗?(注意:它相对于当前请求URL,如您在浏览器地址栏中看到的)。通过在浏览器地址栏中输入绝对URL打开脚本时,您是否看到了脚本?如果在src
属性中使用绝对URL,是否有效?等等。新手使用firebug告诉您是否加载了脚本。如果已安装,请在F12前打开firebug。单击“网络”选项卡。刷新页面。您应该会看到jquery.vali正在加载dationEngine.js。HTTP响应状态是什么?是200还是404或其他什么?如果是200,则表示没问题。如果是404,则表示URL错误或您没有将脚本文件放在正确的位置。实际上,HTML中没有一行服务器端代码。是的,我知道,我指出了这一点他们所面临的这个问题可能存在于所使用的技术之外。我有很多问题想知道为什么javascript不能在特定的服务器端技术中工作