regex - HTML5フォームの検証パターンは、スペースを含む英数字ですか?

Question

HTML5 フォームに次の入力タグがあります。

<p>
    <label>Company Name*</label>
    <input type="text" name="name" class="field" required pattern="[a-zA-Z0-9]+" />
</p>

これは、会社名が英数字で構成されているかどうかをチェックするだけでうまく機能します。しかし、もちろん、会社名にスペースを許可したい. パターンに何を追加する必要があるかを知る必要があります。

Answer 1

のように pattern 属性にスペースを入れてみてはどうでしょうかpattern="[a-zA-Z0-9 ]+"。あらゆる種類のスペースをサポートしたい場合は、試してみてくださいpattern="[a-zA-Z0-9\s]+"

Answer 2

私の解決策は、分音記号のすべての範囲をカバーすることです。

([A-z0-9À-ž\s]){2,}

A-z- これはすべてのラテン文字用です

0-9- これはすべての数字用です

À-ž- これはすべての分音記号用です

\s - これはスペース用です

{2,}- 文字列の長さは 2 文字以上にする必要があります

Answer 3

スペースのみの入力を避けるには、次を使用します"[a-zA-Z0-9]+[a-zA-Z0-9 ]+"。

eg: abc | abc aBc | abc 123 AbC 938234

たとえば、名と姓が入力されていることを確認するには、次のようなわずかなバリエーションを使用します。

"[a-zA-Z]+[ ][a-zA-Z]+"

eg: abc def

Answer 4

このコードを使用して、ユーザーがスペースだけでなく有効な名前を入力するようにします。

pattern="[a-zA-Z][a-zA-Z0-9\s]*"

Answer 5

スペースなし/スペースありの英数字の HTML5 検証パターンに以下のコードを使用します:-

HTML5 検証パターンの場合、スペースなしの英数字 :- onkeypress="return event.charCode >= 48 && event.charCode <= 57 || event.charCode >= 97 && event.charCode <= 122 || event.charCode >= 65 && event.charCode <= 90"

HTML5 検証パターンの場合、スペースを含む英数字:-

onkeypress="return event.charCode >= 48 && event.charCode <= 57 || event.charCode >= 97 && event.charCode <= 122 || event.charCode >= 65 && event.charCode <= 90 || イベント.charCode == 32"