0
votes

Validation de la date sous forme JavaScript

J'essaie de valider mon formulaire. J'ai une entrée de date où je vérifie que la journée est comprise entre 1 et 31 ans, le mois est compris entre 0 et 12 ans et l'année entre 1910 et 2019.

Ceci est mon code jusqu'à présent: P>

<div>
   <label for="dob">Date of Birth</label>
    <input type="date" name="dob" id="dob">
    <span class="error" id="dateValid">valid date required</span>

    </div>

javascript html validation

3 commentaires

Nous avons besoin de votre code source complet pour analyser votre problème:>

@Davidjapan L'autre code JavaScript consiste à valider mes autres entrées qui sont «prénom», «nom de famille», etc., tous ces travaux

Avez-vous vérifié le type de données de la date? Si c'est une chaîne, vous comparez la chaîne contre entier.

3 Réponses :

0
votes

Le code source complet aiderait définitivement à répondre à la question. Mais à partir des informations limitées que je coussiez ici. GetElementyID vous donnera l'élément. Vous avez toujours besoin de la valeur. Vérifiez quelle valeur obtenez-vous la variable de date par console.log Depuis que je ne suis pas sûr de l'élément 'Dob', je ne peux pas commenter cela. date.value devrait vous donner la valeur du champ. Le ci-dessous devrait fonctionner: xxx

3 commentaires

Comme dans mon HTML pour le champ de date aussi?

Var Date = Document.getElementByID ('Dob'); Cette ligne vous donnerait la balise d'entrée pour récupérer sa valeur dans le champ, vous devez obtenir date.Value qui vous donnera la valeur de le champ de saisie

Remplacer cette ligne var date = document.getElementyID ('DOB'); par var date = document.getelementByID ('DOB'). Valeur; Il fonctionnera avoir édité la réponse pour référence

0
votes

document.getElementByID ('dob') code> retournera l'élément HTML afin que vous ne puissiez pas utiliser la sous-chaîne d'abord. Vous devez obtenir une valeur d'élément par .value code>. J'ai fourni une illustration avec la date d'entrée ...

p>



<input type="date" id="dob" onchange="check()">

0 commentaires

0
votes

Validation de formulaire intégrée utilise des fonctionnalités de validation de formulaire HTML5. Cette validation ne nécessite généralement pas de JavaScript. La validation de formulaire intégrée a une meilleure performance que JavaScript. Mais, bien que hautement personnalisable, la validation native n'est pas aussi personnalisable que JavaScript. Documentation P>
p>
<form>
  <div>
     <label for="dob">Date of Birth</label>
     <input type="date" name="dob" id="dob" min="1910-01-01" max="2019-12-31">
     <span class="error" id="dateValid">valid date required</span>
  </div>
  <input type="submit">
</form>

0 commentaires