Bonjour à tous,
J'ai un petit souci depuis que j'ai voulu mettre un DatePicker dans mon formulaire.
Ce formulaire avait une validation par Jquery Validation, et cela ne fonctionne plus depuis que j'ai ajouté le DatePicker.
Voici le script de vérification du formulaire :
Et voici le script du DatePicker :
J'ai l'impression qu'il y a un conflit... Mais je n'y connais pas grand chose.
A votre avis?
J'aurais aimé mettre les deux fonctions dans le même script aussi si possible, ou nettoyer un peu mon code, si vous voyez ce que je veux dire...
Merci d'avance pour votre aide et vos retours.
Modifié par Alexbass (20 Jan 2016 - 16:36)
J'ai un petit souci depuis que j'ai voulu mettre un DatePicker dans mon formulaire.
Ce formulaire avait une validation par Jquery Validation, et cela ne fonctionne plus depuis que j'ai ajouté le DatePicker.
Voici le script de vérification du formulaire :
<script type="text/javascript" src="http://code.jquery.com/jquery.js"></script>
<script type="text/javascript" src="./jquery/jquery.validate.js"></script>
<script src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/jquery.validate.min.js"></script>
<script src="http://jqueryvalidation.org/files/dist/additional-methods.min.js"></script>
<script>
$(document).ready(function () {
$("#formulaire").validate({
rules:{
date: {required: true},
titre: {required: true, maxlength: 25},
commentaire: {required: true, maxlength: 100},
userfile : {required: true, accept: "application/jpg" },
},
messages: {
date: {required: "Veuillez compléter ce champ."},
titre: {required: "Veuillez compléter ce champ.", maxlength: "Le titre ne doit pas comporter plus de 25 caractères."},
commentaire: {required: "Veuillez compléter ce champ.", maxlength: "Le commentaire ne doit pas comporter plus de 100 caractères."},
userfile: {required: "Veuillez choisir un document.", accept: "Le type de fichier n'est pas valide."},
}
});
});
</script>
Et voici le script du DatePicker :
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-migrate-1.1.0.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/ui/1.9.1/jquery-ui.js"></script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/i18n/jquery-ui-i18n.min.js"></script>
<script>
$(function() {
$.datepicker.setDefaults($.datepicker.regional['fr']);
$(".datepicker").datepicker({
dateFormat: 'dd/mm/yy'
});
})
</script>
J'ai l'impression qu'il y a un conflit... Mais je n'y connais pas grand chose.
A votre avis?
J'aurais aimé mettre les deux fonctions dans le même script aussi si possible, ou nettoyer un peu mon code, si vous voyez ce que je veux dire...
Merci d'avance pour votre aide et vos retours.
Modifié par Alexbass (20 Jan 2016 - 16:36)