2013-06-13 11 views
16

私はjQueryの日付ピッカーを使用し、私は、ユーザーが代わりにjQueryの日付ピッカー、種類日付から日付を取得する、HTML5パターンで私の入力フィールドを制限したいです。HTML5パターン?

彼らは形mm/dd/yyyyで日付を入力することができるようにどのように私は、HTML5のパターンで私のユーザーを制限することができますか?

<input class="datepicker" type="text" name="date" value="" readonly /> 

それとも、pattern属性に基づいて、HTML5の検証を使用することができます。

答えて

42

最も簡単な方法は、唯一の直接ユーザー入力を防ぐために属性を使用読まです。 日付入力パターン(DD/MM/YYYYまたはYYYY/MM/DD):

<input type="text" pattern="\d{1,2}/\d{1,2}/\d{4}" class="datepicker" name="date" value="" /> 
14

私はこのwebsite使用して、このパターンは、同様にうるう年の検証を行います。

<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 /> 
0

パターン= "[0-9] {1,2}/[0-9] {1,2}/[0-9] {4}"

これはパターンでありますHTML5でテキストボックスの日付を入力します。
最初の[0-9] {1,2}だけ進数の最小値を取る1及び最大2
そして他の同様。

0

使用してみてください:

pattern="(0?[1-9]|[12][0-9]|3[01])/(0?[1-9]|1[012])/\d{4}"