Plugin JQuery validation: $(“#”).valider() n'est pas une fonction
Je suis à l'aide de jquery 1.4.2 bibliothèque et jquery.validate.js plugin pour valider un formulaire très simple. Dans la section d'en-tête, j'ai code suivant:
<script type="text/javascript" src="scripts/jquery-1.4.2.js"></script>
<script type="text/javascript" src="scripts/jquery.validate.js"></script>
<link rel="stylesheet" type="text/css" href="css/ui-lightness/jquery-ui-1.8.2.custom.css"></link>
<script type="text/javascript" src="scripts/jquery-ui-1.8.2.custom.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
//date pickers
$('#birthdate').datepicker();
$("#deliverydate").datepicker();
//apply styles to buttons
$('input:button').button();
//data validation
$("#createAnimalForm").validate({
debug: true,
rules: {
weight: {
required: true
}
},
messages: {
weight: {
required: "Please enter a numeric value for weight."
}
}
});
});
function createClicked(){
$("#createAnimalForm").validate().form();
}
</script>
Dans la section de corps, j'ai défini la forme et le champ d'entrée pour accepter la valeur de poids. Le code du corps de la personne est comme suit:
<form id="createAnimalForm">
<table cellpadding="5px">
<tr>
<td>Weight:</td>
<td><input type="text" name="weight" id="weight"></input> gms</td>
</tr>
<tr>
<td></td>
<td align="left"><input type="button" onclick="createClicked();" id="createButton" name="createButton" value="Create Animal"></td>
</tr>
</table>
</form>
Lorsque je charge la page dans firefox, j'obtiens l'erreur suivante dans firebug:
$("#createAnimalForm").validate is not a function
J'ai cherché sur le net pour un peu, mais ne pouvait pas trouver un solution pour ce. Je crois que j'ai la bibliothèque jquery situé à l'emplacement correct, et il semble que jquery validation plugin est compatible avec jquery 1.4.2.
Toutes les idées sur ce que je fais de mal?
Grâce,
Nikhil.
- Désolé pour cette question, mais vous êtes sûr que tout le chemin jusqu'à la valider plugin est-il correct? Par exemple, vous n'utilisez pas la version minifiée, êtes-vous?
jquery.validate.js
- salut Patrick, merci pour la réponse. Ouais, je suis en utilisant jquery-1.4.2.js, pas la version compacte.
Vous devez vous connecter pour publier un commentaire.
Vous n'avez pas tout à fait juste quand vous configurez valider. Essayez:
Alors utiliser:
Où vous le souhaitez déclencher la validation.
Eu le même problème; validé HTML & j'ai trouvé que j'avais manqué
name="email"
attribut à partir d'une<input />
. Toujours valider le code HTML afin d'être positif votre code HTML est valide. Après je l'ai ajouté,validate()
a parfaitement fonctionné.