JavaScriptにおける正規表現のエラーについて

Question

URLであるかどうかをチェックする為の正規表現として以下のプログラムをJavaScriptコードとして記載しましたら、エラーになってしまいました。

 let re =　https?://[\w/:%#$&?()~.=+\-]+

こちらの正規表現は正規表現サンプル集にて、掲載されていたコードになります。
こちらのエラー解決のため、アドバイスの程頂けましたら幸いです。

追記

以下のコードはエラーとはなりませんでした。

  checkFormat(url){
      let re = /^http(|s)://.+/
      return re.test(url);
    },

しかし、以下の場合はエラーとなってしまいました。

 check_url(url){
      let re = /https?://[\w/:%#$&?()~.=+\-]+/
    },

エラーの内容としましては、Expression expected.やInvalid character.とのエラーが発生している状況です。

Comments

[coco_bauer]

https?://[\w/:%#\$&\?\(\)~\.=\+\-]+　は、クオート(引用符)で囲まれていないのでダメなのではないですか？
ちなみに、どんなエラーが表示されましたか？
「エラーになってしまいました」だけでは訳が判りません。

[study_111]

> https?://[\w/:%#\$&\?\(\)~\.=\+\-]+　は、クオート(引用符)で囲まれていないのでダメなのではないですか？
こちらですが、JSでは「/」で囲む必要があったと知り、「/」を行頭と行末に付けてみたのですが、追記させて頂きました1番目のコードはエラーが発生していないのですが、２番目のコードでは、エラーが発生してしまっている状況です。

Answer 1

めんどうなら普通にRegExpオブジェクトをつかえばいいでしょう

let re = new RegExp("https?://[\w/:%#$&?()~.=+-]+");

Comments

[yambejp]

jsのurlチェックなんてある意味不要です
input type=urlですら 「https?:.」程度のチェックです
存在チェックなどが必要ならサーバーサイドでdns問い合わせをしたり
curlで接続チェックするなどしないと意味ありません

[study_111]

ご回答ありがとうございます。
RegExpオブジェクトを使用するといった方法もあるのですね。今回は正規表現リテラルの指定でうまくいったのですが、次回正規表現を使用する際は、検討してみたいと思います。

[study_111]

jsのチェックの件なのですが、今回はUXの仕様上実装したいと考えておりました...

Answer 2

こちらですが、JSでは「/」で囲む必要があったと知り、「/」を行頭と行末に付けてみたのですが

途中に/が入っているので、そこで正規表現として途切れてしまっています。

正規表現の途中では/として、末端でないことを明示する必要があります。

let re = /https?://[\w/:%#$&?()~.=+\-]+/

Comments

[study_111]

ご回答ありがとうございます。
> 「 let re = /https?://[\w/:%#$&?()~.=+\-]+/」
こちらで実行してみたのですが、「Unnecessary escape character: ? 」や「Unnecessary escape character: $ 」などの同様のエラーがいくつか発生してしまいました。

[maisumakun]

Unnecessary escape characterはエラーではありません。文字通り、「エスケープが不要」という意味です。

[study_111]

一度、該当部分のエスケープを削除してみます