次の入力タグでは、5文字未満の小文字を使用できます。他のSO投稿からは、タイトルにメッセージが表示されるはずですが、代わりに1〜4文字だけの確認が渡されます。ChromeでHTMLパターンの検証が機能しません。57.0.2987.98
<input type="password" id="password" required pattern="[a-z]{5, 10}" name="password" title="5 to 10 characters" />
これは、フィドルでうまくいきます。
<form action="/action_page.php">
Password: <input type="password" id="password" name="password" required pattern="[a-z]{5,10}" title="5 to 10 characters">
<input type="submit">
</form>https://jsfiddle.net/ammarami007/kwa72rpL/
それは私の実際のプロジェクトページでは5〜10の小文字
Codepenで実行すると、検証は実行されません。 –
@ RickRです。彼は 'required'属性を削除したからです。 –
を受け入れます。このリンクでそれを試してみてください、私は入力がこのところのようにリストされていますカンマとパターン範囲の2番目の数字の間にスペースが含まれています。このスペースを削除すると、入力は長さの検証を期待どおりに実行します。コンマの後に余分なスペースを入力作業 <input type="password" id="password" required pattern=".{5, 10}" name="password" title="Password must be between 5 to 10 characters." />
：カンマの後に余分なスペースを入力し機能していない
`パターン=" [AZ]：<input type="password" id="password" required pattern=".{5,10}" name="password" title="Password must be between 5 to 10 characters." />
はこのように、パターンからスペースを削除してください{5,10} "' https://jsfiddle.net/nwsy391p/ –
'[az] {5-10}'は強力なパスワードのようではありません。また、クライアント側の要件を公開することで、悪意のあるユーザーにはこれに関する知識が与えられます。 – chris85