jquery date de validation

Comment puis-je valider le format de date avant de m'envoyer le formulaire?
J'ai essayé de faire ce qui suit. Toutefois, il ne fonctionne pas. 

  <p> Date: <br />
  <input type="text" id="date" name="date">
  </p>

<input type="submit" id="submit" value="Send" />

</fieldset>


</form>

<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>

<script>
 $(function() {

    $('#submit').click(function() {
     $.validator.addMethod(
     "DateFormat",
     function(value, element) {
     return value.match(/^\d\d?\/\d\d?\/\d\d\d\d$/);
     },
      "Please enter a date in the format dd/mm/yyyy";
     );

      //validate and process form here
     $('#contact').validate({
        rules :
        date: {
        DateFormat : true
       }
     });

      var dataString = $('form[name="contact"]').serialize();

      $.ajax({
       type: "POST",
       data: dataString,
       url : "ajax.php",
     });

   });
  });

</script>
Essayez de mettre votre JQuery code dans des balises de code de sorte qu'il est plus facile pour nous de lire.
il l'a fait pour lui 🙂
Ne devriez-vous pas charger jquery avant de jquery valider?
J'ai chargé: <script type="text/javascript" src="ajax.microsoft.com/ajax/jquery.validate/1.7/...> <script type="text/javascript" src="code.jquery.com/jquery-1.4.2.min.js"></script>

OriginalL'auteur chnet | 2011-07-06

  1. 3

    Vous devez charger jquery avant que le plugin comme ceci:

    <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js"></script>

    Sinon la validation plugin ne fonctionne pas.

    EDIT - vous eu des erreurs dans votre code javascript, voici un travail de violon http://jsfiddle.net/Eu8eS/1/

    code de travail: 

    $(function() {

    $('#submit').click(function() {
     $.validator.addMethod(
     "DateFormat",
     function(value, element) {
     return value.match(/^\d\d?\/\d\d?\/\d\d\d\d$/);
     },
      "Please enter a date in the format dd/mm/yyyy"//removed ;
     );

      //validate and process form here
     $('#contact').validate({
         rules :{//added here {
        date: {
        DateFormat : true
         }
       }//added here }
     });

      var dataString = $('form[name="contact"]').serialize();

      $.ajax({
       type: "POST",
       data: dataString,
       url : "ajax.php",
     });

   });
  });
    Je n'ai, comme vous le suggérez. Il ne fonctionne pas non plus.
    vous avez eu des erreurs dans votre code, vérifier le violon et mes corrections
    oups ce n'était pas là quand j'ai posté, 😀

    OriginalL'auteur Nicola Peluchetti

  2. 0

    Je vous suggère d'utiliser le submit() et pas le click sur le bouton que vous pouvez placer preventDefault et return false dans la fonction pour arrêter le bouton de soumission.

    Donc:

    if(validation is false) { return false }

    Aussi, il semble y avoir quelques erreurs de syntaxe. Essayez d'utiliser firebug (Chaque navigateur mais IE) et les corriger avant d'aller de l'avant.

    OriginalL'auteur Phil