初めて pattern 属性を試しましたが、機能しません (ただし、私のブラウザーはサポートしています)。
今私は持っています:
input type="text" pattern="[a-zA-Z0-9]{6}" name="formName"
最初の問題は、空白の場合に通知されないことです。2 番目の問題は、何かを入力しても、それが受け入れられないことです。英数字を受け入れ、正確に6文字の長さになりたいです。スラッシュと他のいくつかのバリエーションで試しました。
ここで私のために働きます:http://jsfiddle.net/barbuslex/nR6yg/
<form>
<input type="text" pattern="[a-zA-Z0-9]{6}" name="formName" />
<input type="submit" value="OK" />
</form>
Google Chrome を使用しています
このコードを試してみてください
<html>
<body>
<form action="demo_form.asp">
Country code: <input type="text" name="country_code" pattern="[A-Za-z]{3}" title="Three letter country code">
<input type="submit">
</form>
</body>
</html>
無効な国コードを入力し、送信ボタンをクリックしてください。次に、メッセージを取得できます (title="3 文字の国コード")