jQuery datepicker を使用しましたが、ユーザーが jQuery datepicker から日付を取得する代わりに日付を入力する場合、入力フィールドを HTML5 パターンで制限したいと考えています。
ユーザーがフォームに日付を入力するだけで済むように、HTML5 パターンを使用してユーザーを制限するにはどうすればよいmm/dd/yyyy
ですか?
jQuery datepicker を使用しましたが、ユーザーが jQuery datepicker から日付を取得する代わりに日付を入力する場合、入力フィールドを HTML5 パターンで制限したいと考えています。
ユーザーがフォームに日付を入力するだけで済むように、HTML5 パターンを使用してユーザーを制限するにはどうすればよいmm/dd/yyyy
ですか?
最も簡単な方法は、直接のユーザー入力を防ぐために読み取り専用属性を使用することです。
<input class="datepicker" type="text" name="date" value="" readonly />
または、パターン属性に基づいて HTML5 検証を使用することもできます。日付入力パターン (dd/mm/yyyy または mm/dd/yyyy):
<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" />
私はこのウェブサイトを使用しており、このパターンはうるう年の検証も行います。
<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 />