入力可能な文字の指定について

Question

前提・実現したいこと

現在研修中でアカウント登録フォームを作っています。
テキストボックスに入力可能な文字種類の指定をしたいです。
名前にはひらがな、漢字のみ入力可と指定ができました。
住所にはひらがな、漢字、数字、カタカナ、記号（ハイフンとスペース）のみ入力可と指定したいのですがうまくいきません。
ご教授お願いいたします。

現在のソースコード

HTML

<li> <label>名前</label> <input type="text" class="text" size="30" name="name"　 　　　　　　　　　　 pattern="[\u4E00-\u9FFF\u3040-\u309Fー]*"> </li> <li> <label>住所</label> <input type="text" class="text" size="30" name="address" 　　　　　　　　　　 pattern="[\u4E00-\u9FFF\u3040-\u309Fー\uFF66-\uFF9F\u30A1-\u30F6]*"> </li>

Answer 1

漢字やカナの部分が16進数でうまくいってるとすれば、あとは数字とハイフン・スペースを選択肢に追加すればよいだけでしょう。
なお、ハイフンは途中に書いてしまうとメタ文字として認識されてしまうので、[の直後に書きます。[の直後に書かれた記号は決してメタ文字とは解釈されない約束になっています。

<input type="text" class="text" size="30" name="address" pattern="[-\u4E00-\u9FFF\u3040-\u309Fー\uFF66-\uFF9F\u30A1-\u30F60-9０-９_\s]*">

Comments

[sorito]

回答ありがとうございます！
無事指定することができました。
正規表現についても理解を深めていきます。

Answer 2

まず、inputタグの末尾に>がないのてすが、正常に表示されていますか。
そして、

<input type="text" class="text" size="30" name="address" pattern="[\u4E00-\u9FFF\u3040-\u309Fー\uFF66-\uFF9F\u30A1-\u30F6]*"

の部分が、

<input type="text" class="text" size="30" name="address" pattern="[\u4E00-\u9FFF|\u3040-\u309F|ー|\uFF66-\uFF9F|\u30A1-\u30F6]*" >

のように論理和の結合子"|"を介するべきなのではないでしょうか。

Comments

[sorito]

回答ありがとうございます！
inputタグの末尾の>は実際には入力されていたので大丈夫でした。
現状で　```\u4E00-\u9FFF|\u3040-\u309F|```　でひらがなと漢字入力可、```\uFF66-\uFF9F|\u30A1-\u30F6```　でカタカナ入力可となっております。これに追加する形で数字と記号（ハイフンとスペース）も入力可としたいのですか組み合わせ方が分からない状態です。
数字入力可は^[0-9]+$でいいのでしょうか？
追加の質問ですみません。

[seastar3]

未確認ですが、[[0-9]|\s|-] でしょうかね。
やはり、
|[[0-9]|\s|-] と、"|"を先に介します。

別件ですが、質問中のコードは マークアップ記法を使って``` ～ ```とはさんで、今からでも見やすく編集しておきましょう。inputタグ末の>も含めて直すとよいでしょう。

[sorito]

seastar3　様
追加のアドバイスありがとうございます！
うまくいかなかったのでもう少し調べてみます。

[KojiDoi]

>論理和の結合子"|"を介するべきなのではないでしょうか。

要りません。正規表現の基本を理解しているならありえないコメント。-1