JQuery Form Validator plugin nicht funktioniert
Ich versuche, meine jQuery form validator Arbeit. Ich verbrachte bereits 5 Stunden macht es Arbeit, recherche und so, aber bis jetzt kann ich nicht.
Mein code ist wie folgt:
<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>
Warum es nicht funktioniert und wie kann ich es lösen?
EDIT: ich habe chromebug und es nicht finden können, meine js... Habe ich legen Sie es auf dem richtigen Weg?
Hier sind meine Dateien:
Dies ist mein chromebug und ich weiß nicht was es bedeutet.. :(:
Du musst angemeldet sein, um einen Kommentar abzugeben.
Vergessen Sie importieren das plugin ist
.js
- Dateien. Wie pro die plugin Dokumentation Sie sollten hinzufügen der folgenden Zeilen auch:(und stellen Sie sicher, dass diese Dateien zur Verfügung gestellt, durch Ihre webapp ebenso, also sind Sie nicht zurückkehren, 404)
validationEngine()
Funktion gefunden? Verwenden Firebug, um auszuschließen das eine und andere.src
- Attribut, richtig? (Anmerkung: es ist relativ auf die aktuelle request-URL (siehe browser-Adressleiste). Sehen Sie das Skript aus, wenn Sie öffnen Sie es durch Eingabe der absoluten URL in der browser-Adressleiste? Funktioniert es, wenn Sie eine absolute URL insrc
- Attribut? Etc.jquery.validationEngine.js
geladen wird. Was ist den HTTP Antwort-status? Ist es 200 oder es 404 oder etwas anderes? Wenn 200, dann bedeutet es, dass es OK ist. Wenn 404, dann bedeutet es, dass die URL falsch ist oder Sie nicht die Skript-Datei an der richtigen Stelle.index.jsp
? Laden Sie die Validierung von engine-plugin nicht einige JSP-Datei. Eine JSP-Datei ist nicht eine JavaScript-Datei. Es gibt eine Dokumentation link in meiner Antwort. Klicken Sie es einmal und Lesen Sie sorgfältig die "Nutzung" Abschnitt.index.jsp
oder so etwas. Es solltejquery.validationEngine.js
. Sie sollten diese Datei in dasjs
Ordner. Siehe auch die Dokumentation./*
, dann ist es definitiv Spiele alle Anfragen.*.jsp
. Oder, wenn Sie alle in einem bestimmten Ordner verwenden/foldername/*
statt.Es ist ein paar Monate zu spät, aber scheint, wie der Fehler passiert, weil jQuery 1.6+ ist erforderlich für die Validierung von Engine. Es gab unter den Faustregeln Abschnitt auf https://github.com/posabsolute/jQuery-Validation-Engine. "Aus 2.2.4 und jquery 1.6+ ist erforderlich, da der prop()". Hoffe, das hilft.
Einen Vorteil, den Sie haben, ist, dass javascript(jquery) nicht wissen, etwas über die JSP - /ASP - /PHP oder andere server-side-Technologie. So nehmen Sie den ausgegebenen html-und beheben es ab es.
Auf einen Blick, ich sehe nicht, die javascript-Validierungs-plugin Hinzugefügt. Ist es nun Teil des core?