設定した正規表現がIEだけ動作しないので、助けてほしいです。

Question

前提・実現したいこと

入力フォームの項目に、半角英数字、ピリオド、アンダーバーだけ許容する様に以下の正規表現で設定を行ったところ、chromeやEdgeでは動作するのですが、IEで動作しませんでした。

/^[a-zA-Z0-9._]*$/u

試したこと

下記質問を拝見し、/uをとってみたのですが、うまく動作しませんでした。
https://teratail.com/questions/86384

初心者でよくわかっておらず申し訳ないのですが、皆様のお知恵をお借りしたいです。
宜しくお願い致します。

Comments

[yambejp]

IEのバージョンはいくつ以上でしょうか？

[CHERRY]

動作しませんでは、状況がわかりません。
動作しませんというのは、どのような状態になるのでしょうか？
具体的にどのような動作をしているかを記載していただけないでしょうか。

[rummy]

uの部分を削除したら思うように動作するようになりました。
今後質問をさせて頂く際には気をつけます！
ご協力ありがとうございました！

[Orlofsky]

IEなんて使うものではありません。

マイナンバーカードシステムはWindows PCはIE11でしかサポートしないのはActiveX というMicrosoftがセキュリティの脆弱性を解消できないので捨てた機能を使っているからです。いつ個人情報を盗まれるかわかりません。
https://www.j-cast.com/2020/07/05389466.html

Answer 1

下記質問を拝見し、/uをとってみたのですが、

/は取らずにuだけ取ってみてください。

Comments

[rummy]

ご回答ありがとうございます！
おっしゃる通りにしたところ、希望の動きをするようになりました！
とても助かりました。

[YuichiSato]

動いてよかったです。スラッシュからスラッシュの間が正規表現で指定したい
内容になりますので、ご注意ください！

Answer 2

初心者でよくわかっておらず

MDN 正規表現 はJavaScript で使える正規表現全般がまとまっていますので参考になるはずです。

1. パターンに関しては \w の説明も確認してください。
2. フラグと RegExpオブジェクトのプロパティの対応は以下の通りです。
   g global
   i ignoreCase
   m multiline
   s sticky ... IE未対応
   u unicode ... IE未対応

---

追記）
マッチさせたい文字が ASCIIの範囲__代用対や合成文字以外__なら、u フラグにこだわる必要は無いようにも感じます。

var re1 = /^[.\w]*$/; // 0文字以上（未入力）にマッチ
var re2 = /^[.\w]+$/; // 1文字以上にマッチ
".asb23_aa".match( re ); // [".asb23_aa"]
".asあb23_aa".match( re ); // マルチバイト文字は null

Comments

[maisumakun]

JavaScriptでの「u」は、「追加面の文字（JavaScript上で2つのコードポイントを使う）を1文字として認識する」「Unicodeプロパティを使えるようになる」といった機能です。ふつうの漢字仮名程度であれば、uなしでも正常動作します。

[AkitoshiManabe]

代用対（サロゲートペア）や合成文字（発音記号など）の文字をマッチさせる場合ですね。
フォローありがとうございます。

[rummy]

早速のご回答ありがとうございました！
正規表現のサイトもお気に入り登録させていただきました。
uを取ったところ思うように動作しました、ありがとうございました！

Answer 3

IE11で試しましたがu修飾子は無理っぽいですね
有効なpolyfillもぱっとでてこないので、
最悪IEだけuオプションなしで実行するのが妥当

Comments

[yambejp]

たとえば・・・

var is_ie= window.navigator.userAgent.toLowerCase().match(/msie|trident/i) !==null;
var reg=new RegExp("^[a-zA-Z0-9._]*$",is_ie?"":"u");
console.log(reg.test(str));

[rummy]

ご回答ありがとうございます！
uを削除したところ、動くようになりました！
ご協力ありがとうございました。