Valider la date dans le format JJ/mm/AAAA en utilisant jQuery valider [dupliquer]

cette question a déjà une réponse ici:

  • Regex pour valider le format de date jj/mm/aaaa [dupliquer] 16 réponses

je prends en compte la date de naissance et la date de décès. Validation requise

  1. la date du décès devrait être plus que la date de naissance
  2. Date format jj/mm/aaaa
  3. Dates d'être inférieur ou égal à aujourd'hui.

Valider ne fonctionne pas comme prévu et ne peuvent pas comprendre le problème. S'il vous plaît aider.

Violon "code de l'151960920"

JS bibliothèques utilisées

  1. JQuery UI pour le Calendrier/Datepicker
  2. jQuery Validation for form validation

  3. d'autres méthodes pour la validation de la bibliothèque 

    var today = new Date();
var authorValidator = $("#itemAuthorForm").validate({
rules : {
    dateOfBirth : {
        required : false,
        date : true,
        dateITA : true,
        dateLessThan : '#expiredDate'
    },
    expiredDate : {
        required : false,
        date : true,
        dateITA : true,
        dateGreaterThan : "#dateOfBirth"
    }
},
onfocusout : function(element) {
    if ($(element).val()) {
        $(element).valid();
    }
}
});
var dateOptionsDOE = {
maxDate : today,
dateFormat : "dd/mm/yy",
changeMonth : true,
changeYear : true,
onClose : function(selectedDate) {
    $("#dateOfBirth").datepicker("option", "maxDate", selectedDate);
}
};
var dateOptionsDOB = {
maxDate : today,
dateFormat : "dd/mm/yy",
changeMonth : true,
changeYear : true,
onClose : function(selectedDate) {
    $("#expiredDate").datepicker("option", "minDate", selectedDate);
}
 };

jQuery.validator.addMethod("dateGreaterThan",
function(value, element, params) {
if ($(params).val() === "")
    return true;

if (!/Invalid|NaN/.test(new Date(value))) {
    return new Date(value) > new Date($(params).val());
}
return isNaN(value) && isNaN($(params).val())
        || (Number(value) > Number($(params).val()));
        }, 'Must be greater than {0}.');
        jQuery.validator.addMethod("dateLessThan",
        function(value, element, params) {
if ($(params).val() === "")
    return true;

if (!/Invalid|NaN/.test(new Date(value))) {
    return new Date(value) < new Date($(params).val());
}

return isNaN(value) && isNaN($(params).val())
        || (Number(value) < Number($(params).val()));
        }, 'Must be less than {0}.');
        $("#expiredDate").datepicker(
    $.extend({}, $.datepicker.regional['en-GB'], dateOptionsDOE));
        $("#dateOfBirth").datepicker(
    $.extend({}, $.datepicker.regional['en-GB'], dateOptionsDOB));
28
demandé sur Cipher 2014-06-24 11:01:35

6 réponses

vous n'avez pas besoin du validateur date . Il ne supporte pas le format JJ/mm/AAAA , et c'est pourquoi vous obtenez" veuillez entrer une date valide " message pour la saisie comme 13/01/2014. Vous avez déjà le validateur dateITA , qui utilise le format JJ/mm/AAAA selon vos besoins.

tout comme le date validateur, votre code pour dateGreaterThan et dateLessThan appelle new Date pour chaîne de caractères d'entrée et a les mêmes dates de parsing de problème. Vous peut utiliser une fonction comme celle-ci pour analyser la date: 

function parseDMY(value) {
    var date = value.split("/");
    var d = parseInt(date[0], 10),
        m = parseInt(date[1], 10),
        y = parseInt(date[2], 10);
    return new Date(y, m - 1, d);
}
18
répondu izstas 2014-06-24 08:53:07

il s'agit également de vérifications pour l'année bissextile. C'est du regex pur, donc c'est plus rapide que n'importe quelle lib (aussi plus rapide que le moment.js). Mais si vous allez utiliser beaucoup de dates dans le code ur, Je ne recommande d'utiliser moment.js 

var dateRegex = /^(?=\d)(?:(?:31(?!.(?:0?[2469]|11))|(?:30|29)(?!.0?2)|29(?=.0?2.(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00)))(?:\x20|$))|(?:2[0-8]|1\d|0?[1-9]))([-.\/])(?:1[012]|0?[1-9])(?:1[6-9]|[2-9]\d)?\d\d(?:(?=\x20\d)\x20|$))?(((0?[1-9]|1[012])(:[0-5]\d){0,2}(\x20[AP]M))|([01]\d|2[0-3])(:[0-5]\d){1,2})?$/;

console.log( dateRegex.test( $('your input').val() ) );

enter image description here

http://regexper.com/....

19
répondu Leo Cavalcante 2016-05-23 14:46:24

si vous utilisez la bibliothèque moment js il peut facilement être fait comme ceci - 

jQuery.validator.addMethod("validDate", function(value, element) {
        return this.optional(element) || moment(value,"DD/MM/YYYY").isValid();
    }, "Please enter a valid date in the format DD/MM/YYYY");
13
répondu UBF 2015-11-26 11:38:50

j'ai rencontré un problème similaire dans mon projet. Après avoir beaucoup lutté, j'ai trouvé cette solution: 

if ($.datepicker.parseDate("dd/mm/yy","17/06/2015") > $.datepicker.parseDate("dd/mm/yy","20/06/2015"))
    // do something

vous n'avez pas besoin de plugins comme jQuery Validate ou Moment.js pour ce numéro. Espérons que cette solution vous aide.

8
répondu RushabhG 2016-09-29 15:29:05

ceci valide les dates JJ/mm/AAAA. Modifiez votre jquery.valider.js et ajoute ça.

référence (Regex): Regex pour valider la date format JJ /mm/AAAA 

dateBR: function( value, element ) {
            return this.optional(element) || /^(?:(?:31(\/|-|\.)(?:0?[13578]|1[02]))|(?:(?:29|30)(\/|-|\.)(?:0?[1,3-9]|1[0-2])))(?:(?:1[6-9]|[2-9]\d)?\d{2})$|^(?:29(\/|-|\.)0?2(?:(?:(?:1[6-9]|[2-9]\d)?(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00))))$|^(?:0?[1-9]|1\d|2[0-8])(\/|-|\.)(?:(?:0?[1-9])|(?:1[0-2]))(?:(?:1[6-9]|[2-9]\d)?\d{2})$/.test(value);
        }

messages: {
dateBR: "Invalid date."
}

classRuleSettings: {
dateBR: {dateBR: true}
}

Utilisation: 

 $( "#myForm" ).validate({
            rules: {
                field: {
                    dateBR: true
                }
            }
        });
3
répondu dubonzi 2017-05-23 12:34:45

ça me va très bien. 

$(document).ready(function () {
       $('#btn_move').click( function(){
           var dateformat = /^(0?[1-9]|[12][0-9]|3[01])[\/\-](0?[1-9]|1[012])[\/\-]\d{4}$/;
           var Val_date=$('#txt_date').val();
               if(Val_date.match(dateformat)){
              var seperator1 = Val_date.split('/');
              var seperator2 = Val_date.split('-');

              if (seperator1.length>1)
              {
                  var splitdate = Val_date.split('/');
              }
              else if (seperator2.length>1)
              {
                  var splitdate = Val_date.split('-');
              }
              var dd = parseInt(splitdate[0]);
              var mm  = parseInt(splitdate[1]);
              var yy = parseInt(splitdate[2]);
              var ListofDays = [31,28,31,30,31,30,31,31,30,31,30,31];
              if (mm==1 || mm>2)
              {
                  if (dd>ListofDays[mm-1])
                  {
                      alert('Invalid date format!');
                      return false;
                  }
              }
              if (mm==2)
              {
                  var lyear = false;
                  if ( (!(yy % 4) && yy % 100) || !(yy % 400))
                  {
                      lyear = true;
                  }
                  if ((lyear==false) && (dd>=29))
                  {
                      alert('Invalid date format!');
                      return false;
                  }
                  if ((lyear==true) && (dd>29))
                  {
                      alert('Invalid date format!');
                      return false;
                  }
              }
          }
          else
          {
              alert("Invalid date format!");

              return false;
          }
       });
   });
3
répondu neethu mohan 2015-10-28 17:09:19