HTML 正規表現による入力値バリデーション

Question

inputタグのパターン属性を使って入力値チェックを行おうと思ってます。

<input type="text" pattern="" title="入力形式に誤りがあります。">

フォームに読点区切りに入力された場合
ex)A、B、C、D →　OK

読点区切りで入力されていない、もしくは読点が入力されていない
ex)A B,C、D → NG

上記のような入力値チェックを行いたいです。

読点だけが入力されてる場合のチェックは、

<input type="text" pattern="[、]" title="入力形式に誤りがあります。">

で実装できました。

読点が入力されていないといけない、尚且つ文頭、末尾に読点があってはいけない。
みたいな感じにしたいと思っています。

よろしくお願いします。

Comments

[maisumakun]

「A B,C」と「D」の2つを入力したい場合には「A B,C、D」で正しい、ということになりますが、もう少しNGにする基準を明確にしてもらえませんでしょうか。

[pleiades463]

このフォーム入力された値を、jstlのforTokensタグのdelims属性を使って読点区切りで出力することになるので、読点以外の記号？は使えないようにしたいです。

[pleiades463]

欲を言えば、読点の前後に何か文字がないとエラーになるみたいなこともしたいです。

Answer 1

「,」を含まず「、」を含む文字ということでしょうか？
手っ取り早くは

pattern="[^,]、[^,]"

でいけると思いますが、先頭や末尾が「、」を除かなくてよいのでしょうか？

追記

• 先頭＆末尾に「、」を付けたくない
• その他特定の記号を付けたくない（今回はaとbとcを除きたい）

pattern="^[^,abc、][^,abc]、[^,abc][^,abc、]$"

しかし、あまり効率的な処理とはいえません
文字のセパレータは一般に半角スペースで行い
先頭や末尾の半角スペースは受け取ったサーバー側でtrimするのが妥当

連続した「、」も外す必要があったりするので融通の聞かないpatternで
処理するのは少し厳しいかもしれません。
javascriptで拡張して処理する必要があるでしょう。

Comments

[pleiades463]

読点以外の記号？は使えずに、先頭＆末尾に読点があってはいけない。みたいことはできますでしょうか？

[yambejp]

追記しておきました。複雑なことを考えるのであればpatternではない方法を考えて下さい

Answer 2

こんな感じでしょうか？

[ぁ-んァ-ンーa-zA-Z0-9一-龠０-９]+(、[ぁ-んァ-ンーa-zA-Z0-9一-龠０-９]+)+

Comments

[pleiades463]

望んでいたものが実装できました。ありがとうございます。

[yambejp]

最後の「*」は「+」にしないと一度も「、」が出てこなくても通っちゃいますね

[chelsy7110]

見過ごしていました。ありがとうございます。修正しました