JavaScriptとC#の正規表現でチェックのかかり方に差が出る

Question

Asp.Net Core2.0で開発をしているのですが、フォームの入力チェック
に正規表現を使っているのですが、クライアントサイドの検証とサーバーサイド
の検証のかかり方に差があり解決方法が分かっていない状況です。

JavaScriptとC#の正規表現どちらにも精通している方にご教授頂きたいです。

問題点

後述の正規表現で、クライアントサイドの検証では想定している通り「１行５８文字、３行まで」
が出来ているのですが、サーバーサイドの検証では「１行５７文字、３行まで」になってしまいます。

やりたいこと

textareaに「１行に５８文字、３行まで」という条件で制限をかけたいです。

コード

RegularExpression("^(.{0,58})(\n.{0,58}|)(\n.{0,58}|)$")

環境等

Asp.Net Core2.0
Windows10
C#

Answer 1

前のスレッドで x_x さんが、

\n が 更新時に \r\n になってるのでしょうか？

とコメントされたとおり、JavaSript で取得する改行は \n だが、サーバーに送信されると \r\n になるということが、

クライアントサイドの検証では想定している通り「１行５８文字、３行まで」が出来ているのですが、サーバーサイドの検証では「１行５７文字、３行まで」になってしまいます。

ということの原因と思われます。

クライアント側とサーバー側での改行コードの違いについて詳しくは以下の記事が参考になると思います。

textarea は送信前と送信後で文字列の内容が変化する
https://qiita.com/s_osa/items/c791d98e673db3815a7e

つまり、textarea の改行コードは、JavaScript 側では LF (\n) となるが、サーバーに送信されると CRLF (\r\n) になるということです。

C# での正規表現ではメタ文字 '.' には '\r' が含まれるので、正規表現パターン ".{0,58}" では '\r' もマッチします。（ちなみに、'\n' はマッチしない）

今回の質問者さんの検証結果「１行５８文字、３行まで」は、例えば、textarea に 58 文字入力した後改行しサーバーに送信したのだと思いますが、その場合サーバーが受け取る文字列は "...58文字...\r\n" となったはずです。

"...58文字...\r\n" は '\r' までは 59 文字ですので、質問者さんが使った正規表現パターン "(.{0,58})(\n...." にはマッチしないという結果になったのだと思います。

正規表現パターンで、'\n' または '\r\n' どちらもマッチするようにすれば望む結果が得られるのではないかと思います。

自分の ASP.NET MVC5 環境で、質問者さんのコードに少しだけ手を加えて（ちょっと疑問はありましたがなるべく変えないようにして）、以下のコードで試してみました。

[RegularExpression(@"^(.{0,5})((\n|\r\n).{0,5}|)((\n|\r\n).{0,5}|)$")]

質問者さんのコードとは、\n ⇒ (\n|\r\n) の変更、@ の追加、58 文字ではなく簡単のため 5 文字にした点が異なります。

結果、自分が試した限りでは、期待通りクライアント側でもサーバー側でも「１行５文字、３行まで」となりました。

質問者さんの方でもお試しください。

Answer 2

改行コードの違い(\r\n と \n )によるものでは。
クライアントとサーバの改行コードを調べてみれば。

Comments

[youkan_17]

早速のご回答ありがとうございます。
その点を疑って色々試したつもりだったのですが、
もう少し試行錯誤してみます。

[namda]

改行コードについては
https://qiita.com/daisy1754/items/0b65d0669c391f30784f
のページにある `[\n\r\u2028\u2029\u0085]` を使って指定して見ましたが
http://regex-testdrive.com/ja/dotest
上記のページのようなシミュレーションページではうまく動きませんでした。

実機でも期待はできないかと思いましたがご参考までに。

[退会済みユーザー]

> 改行コードについては
> https://qiita.com/daisy1754/items/0b65d0669c391f30784f
> のページにある `[\n\r\u2028\u2029\u0085]` を使って指定して見ましたが

質問者さんの正規表現パターンの中の \n に代えて [\n\r\u2028\u2029\u0085] を使ってみたと言ってますか？　そうだとすると、それで質問者さんの目的が果たせるはずはないですよ。また混乱・誤解を招きそうなのでレスしておきます。

[youkan_17]

ありがとうございます！
別スレッドから最後まで丁寧に教えて頂いた
SurferOnWwwさんにベストアンサーを付けさせて頂きました。