Modèle HTML5 pour le formatage de la zone de saisie afin de prendre la date mm/jj/aaaa?
J'ai utilisé jQuery datepicker et je souhaite limiter mon champ de saisie avec un modèle HTML5 si un utilisateur, au lieu d'obtenir la date de jQuery datepicker, saisit la date.
Comment puis-je restreindre mes utilisateurs avec un modèle HTML5 afin qu'ils puissent simplement taper la date sous la forme mm/dd/yyyy?
Le moyen le plus simple consiste à utiliser un attribut en lecture seule pour empêcher toute saisie directe par l'utilisateur:
<input class="datepicker" type="text" name="date" value="" readonly />
Ou vous pouvez utiliser la validation HTML5 basée sur l'attribut de modèle. Modèle de saisie de la date (jj/mm/aaaa ou mm/jj/aaaa):
<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" />
J'utilise ce site website et ce modèle effectue également la validation d'année bissextile.
<input type="text" pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))" required />
Essayez d'utiliser:
pattern="(0?[1-9]|[12][0-9]|3[01])/(0?[1-9]|1[012])/\d{4}"
modèle = "[0-9] {1,2}/[0-9] {1,2}/[0-9] {4}"
Ceci est un modèle pour entrer la date pour la zone de texte en HTML5.
Le premier [0-9] {1,2} ne prend que le nombre décimal minimum 1 et maximum 2.
Et d'autres similaires.