Użyłem datepicker jQuery i chcę ograniczyć moje pole wejściowe wzorcem HTML5, jeśli użytkownik, zamiast otrzymywać datę z jQuery datepicker, wpisuje datę.Format HTML5 do formatowania danych wejściowych do daty mm/dd/rrrr?
Jak mogę ograniczyć użytkowników za pomocą wzorca HTML5, aby mogli wpisać datę w postaci mm/dd/yyyy?
Najprostszym sposobem jest użycie atrybutu tylko do odczytu, aby uniknąć bezpośredniego wprowadzania danych przez użytkownika:
<input class="datepicker" type="text" name="date" value="" readonly />
Albo można użyć walidacji HTML5 na podstawie atrybutu wzorca. Data wzorca wejściowego (dd/mm/rrrr lub dd/mm/rrrr):
<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" />
Używam tego website i ten wzór zrobić walidację rok przestępny, jak również.
<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 />
wzór = "[0-9] {1,2}/[0-9] {1,2}/[0-9] {4}"
to wzór wprowadzić datę dla pola tekstowego w HTML5.
Pierwszy [0-9] {1,2} będzie zajmował tylko liczbę dziesiętną minimum 1 i maksymalnie 2.
I inne podobnie.
spróbuje użyć:
pattern="(0?[1-9]|[12][0-9]|3[01])/(0?[1-9]|1[012])/\d{4}"