Date de Validation à l'aide de JQuery de Validation
Je suis en train de valider la date à l'aide de jquery de validation. Inclus la Bibliothèque Javascript est:
<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.core.js"></script>
<script type="text/javascript" src="<?php echo base_url()?>asset/jqueryui/ui/ui.datepicker.js"></script>
<script src="<?php echo base_url()?>asset/jquery/jquery.metadata.js" type="text/javascript"></script>
<script src="<?php echo base_url()?>asset/jqvalidate/jquery.validate.js" type="text/javascript"></script>
Censés j'ai 3 champ de saisie. le nom, l'adresse et la date de l'oiseau et je l'utilise errorContainer à une erreur d'affichage.
mon javascript est:
<script type="text/javascript">
$().ready(function() {
var errorContainer = $('div.errorContainer');
//validate the form when it is submitted
var validator = $("#frm").validate({
errorContainer: errorContainer,
errorLabelContainer: $("ol", errorContainer),
wrapper: 'li',
meta: "validate",
rules: {
datepicker: {
required: true,
date: true
}
}
});
});
$(function(){
$("#datepicker").datepicker();
});
</script>
<form id="frm">
<input type="text" id="name" name="name" class="field text {validate:{required:true}}">
<input type="text" id="address" name="address" class="field text {validate:{required:true}}">
<input type="text" id="datepicker" name="datepicker">
<input type="submit">
</form>
mais il ne fonctionne pas pour la date validateur.
OriginalL'auteur Adi Sembiring | 2010-01-19
Vous devez vous connecter pour publier un commentaire.
Eu
OriginalL'auteur Adi Sembiring
Je suppose que vous êtes en utilisant cette jQuery valider. Si vous voyez l'intérieur de la
jquery.validate.js
fichier ou l'exemple, il y a plusieurs construire dans les règles dedate
. Vous pouvez lire la documentation en http://docs.jquery.com/Plugins/Validation/Methods/date.Si votre entrée ont format de date différent, ou vous voulez vous assurer que la date est une date réelle, alors vous pouvez construire votre propre règle. Dans le fichier zip, il y a
additional-methods.js
fichier. Vous pouvez apprendre de lui, puis la création de vos propres règles.C'est à l'intérieur
jquery.validate.js
fichier. Assurez-vous que vous utilisez la dernière version. Voir aussi la ficheadditional-methods.js
.OriginalL'auteur Donny Kurnia
Ajouter une classe
date
à votre élément de date et d'essayer. Il devrait fonctionner. jQuery valider plugin fonctionne sur les classes css attaché à des éléments.OriginalL'auteur Teja Kantamneni
C'est un vieux thread, mais je pensais que ce noob pourrait carillon aider quelqu'un d'autre qui vient.
J'ai été en mesure de faire une validation personnalisée méthode pour déterminer si une date est exacte. N'avais pas envie d'en ajouter une autre bibliothèque, je suis donc allé avec javascript et jquery:
02/29/2008 = bon
02/29/2007 = mauvais
Ici est l'essence même du code:
Et il montre aux quatre éléments d'entrée.
Encore une fois, je remercie tout le monde sur ce site pour m'aider dans le passé - j'espère que cela peut aider quelqu'un d'autre.
PS - j'ai essayé de mettre cela sur jsfiddle, mais continué à obtenir un code d'erreur à quelque chose comme "l'utilisation POST" et ne pouvais pas comprendre pourquoi. Il fonctionne très bien sur mon test de site web.
PSS - j'ai juste couru avec maskedinput.js et a dû réajuster le checkdate.substr à 0,3 4,2 et 7,4 - je ne sais pas pourquoi...
OriginalL'auteur TimSPQR