JQuery表单验证器插件不起作用
我正在尝试使我的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/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>为什么它不工作，我如何解决它？
编辑:我使用了chromebug，它找不到我的js...我把它放在正确的路径上了吗？
以下是我的文件：
这是我的色虫，我不知道它是什么意思..:(：
回答 3
Stack Overflow用户
发布于 2011-06-05 22:12:13
您忘记导入插件的.js文件。根据plugin documentation，您还应该添加以下行：
<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>(并确保这些文件也可由您的well应用程序使用，即它们不会返回404)
Stack Overflow用户
发布于 2012-01-27 14:32:44
虽然晚了几个月，但似乎是因为验证引擎需要jQuery 1.6+，所以才会发生错误。它在https://github.com/posabsolute/jQuery-Validation-Engine上的Rules of Thumb部分中有说明。“从2.2.4开始，由于1.6+ ()的原因，jquery prop是必需的。”希望这能有所帮助。
Stack Overflow用户
发布于 2011-06-05 22:13:49
您拥有的一个好处是javascript(jquery)对JSP/ASP/PHP或任何其他服务器端技术一无所知。因此，您可以将输出的html从那里开始进行故障排除。
乍一看，我没有看到添加了javascript验证插件。它现在是核心的一部分吗？
https://stackoverflow.com/questions/6243406
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号