/ / jQuery Validation Engine ne fonctionne pas - javascript, jquery, html5, validation

Le moteur de validation jQuery ne fonctionne pas - javascript, jquery, html5, validation

Essayer d'utiliser le moteur de validation jQuery pour 1champ de texte. Pour une raison quelconque, il ne fait rien. Je n’ai aucune erreur à régler. Si quelqu'un voit quelque chose qui manque ou est déplacé, je l'apprécierais.

<!DOCTYPE html>
<html>
<head>

<meta charset="utf-8" />

<script src="jquery-1.11.0.min.js"></script>
<script src="jQuery-Validation-Engine-master/js/languages/jquery.validationEngine-en.js" type="text/javascript" charset="utf-8"></script>
<script src="jQuery-Validation-Engine-master/js/jquery.validationEngine.js" type="text/javascript" charset="utf-8"></script>

<link rel="stylesheet" href="jQuery-Validation-Engine-master/css/validationEngine.jquery.css" type="text/css"/>

</head>
<body>

<form id="formID" name="myForm" method="post" action="submit.action">

<input class="validate[required]" type="text" id="agree" name="agree"/>
<button type="button" value="Save" id="Save" onclick="clicked();">Submit Survey</button>

</form>

<script type="text/javascript">

function clicked() {
if (confirm("Are you sure you want to submit?")) {
$("#form.id").validationEngine();

} else {
return false;
}
}

</script>
</body>
</html>`

Réponses:

4 pour la réponse № 1

Vous devez initialiser validationEngine comme suit et non dans une fonction onclick:

$(document).ready(function(){
$("#formID").validationEngine();
});

3 pour la réponse № 2

Votre sélecteur est faux

changement:

$("#form.id").validationEngine();

$("#form.id") -> fait référence à l'élément avec id form et classe id

à:

$("#formID").validationEngine();

Lis # id selector