入力文字の制限について

Question

入力文字の制限を行いたいと考えております。
教えていただきたいことは以下の２点です。

①半角カタカナ＋改行のみ入力可
半角カタカナ＋改行のみ入力可、としたいのですが、
改行するとエラーメッセージを出力してしまいます。
また、なぜか"11111a"はエラーになるのに対し、
"a11111"のように1文字目に半角英字が入った場合は、
エラーメッセージを出力せず、英字が入力できてしまいます。
現状の実装は上記の通りです。

if (!取得した文字列.match(/[ｦ-ﾟ -]+$/)) {
　エラーメッセージの出力
}

【半角カタカナ＋改行のみ入力可】＋【先頭文字のチェックも含む】
とする方法を教えていただきたいです。

ちなみに、改行コード＝￥n（半角）ということだったので、
.match(/[ｦ-ﾟ -￥n]+$/)も試してみましたが
改行できませんでした。

ーーー

②半角数字と一部記号(-,+)のみ入力可
半角数字と一部記号(-,+)のみ入力可、としたいのですが、
①と同様に、"a11111"のように1文字目に半角英字が入った場合は、
エラーメッセージを出力せず、英字が入力できてしまいます。
現状の実装は上記の通りです。

if (!取得した文字列.match(/[0-9+-]+$/)) {
　エラーメッセージの出力
}

【半角数字と一部記号(-,+)のみ入力可】＋【先頭文字のチェックも含む】
とする方法を教えていただきたいです。

ーーー

以上となります。宜しくお願い致します。

Comments

[m.ts10806]

textareaに対する入力チェック（バリデーション）ということでよろしいですか？HTMLやサンプルで使っている入力文字列などもご提示いただければと思います。（再現確認と調整のため）

[pg_ri]

ご指摘ありがとうございます。他の方の回答で私の質問内容については解決することができました。回答してくださる方が答えやすいようなもう少し具体的に端的な質問をするように心掛けたいと思います。

[m.ts10806]

質問は編集できるので適宜対応していただけると回答もしやすくなります。

Answer 1

①

match(/[ｦ-ﾟ -]+$/)

↑特殊文字「-」がエスケープされてない。
また、この書き方だと「（どの位置から開始していたとしても）末尾が半角カナならOK」という書き方になるので、

match(/^[ｦ-ﾟ \-\n]+$/)

②

match(/[0-9+-]+$/)

↑上記同様、「（どの位置から開始していたとしても）末尾が数字ならOK」「特殊文字がエスケープされてない」

match(/^[0-9+\-]+$/)

Comments

[pg_ri]

とてもわかりやすくご教授いただきありがとうございました。
いただいたコードで試したところ、想定通りの動きになりました。

Answer 2

①半角カタカナ＋改行のみ入力可

文字列.match(/^[ｦ-ﾟ\n]+$/)

②半角数字と一部記号(-,+)のみ入力可

文字列.match(/^[0-9+\-]+$/)

正規表現(/~/) の先頭にある^によって、
行頭からにされるので、先頭の文字までちゃんと検索されます。

(元のソースでは、行頭からにならないので、最初の文字は無視されてしまっています。)
($は逆に行末までという意味です。)

つまり、
文字列のすべてを検索したければ

• 正規表現の先頭に ^
• 正規表現の末尾に $

をつけましょう。

Comments

[_lemon2003_]

@tkturbo さんのおっしゃったとおり、ただの文字として扱うならエスケープ、文字列のすべてを評価したいときは`^`と`$`をつけるということですね。

[pg_ri]

とてもわかりやすくご教授いただきありがとうございました。
いただいたコードで試したところ、想定通りの動きになりました。
行頭から行末まで、という方法が分かり大変助かりました。