複数のパターンを使用してhtml5入力を検証する

Question

フォーム入力で有効なフォルダ名を入力するように求めています。

要件：

1. 最低3つの文字。

   パターン= "{3}"

2. 有効なフォルダ名。

   パターン= "^ [\ wの.-] + $"

は、どのように私は両方のパターンに対して入力を検証することができますか？

Answer 1

あなたは彼らがデフォルトで暗示されているようあなたがHTML5 pattern attributeにはアンカーを必要としない

pattern="[\w.-]{3,}" 

使用することができます。

この属性に使用する正規表現言語はパターン属性が全体の値と照合されることを除いて、JavaScriptで使用したものと同じであるだけでなく、任意のサブセット（それは開始時に^(?:を暗示いくぶんかのように最後には)$）。

[\w.-]{3,}パターンがいずれかのASCII文字/数字/アンダースコア、ドットまたはハイフンである3以上（{3,}）文字にマッチします。