如何解決JavaScript中的正則表達式「無效量詞」錯誤？

Question

我想從我的PHP代碼轉移下列URL驗證功能，以我的javascript代碼：

this.validate_url = function(field) 
    { 
     var pattern = new RegExp("^((ht|f)tp(s?)\:\/\/|~/|/)?([\w]+:\w+@)?([a-zA-Z]{1}([\w\-]+\.)+([\w]{2,5}))(:[\d]{1,5})?((/?\w+/)+|/?)(\w+\.[\w]{3,4})?((\?\w+=\w+)?(&\w+=\w+)*)?"); 
     var val = $("#" + field).val(); 

     return pattern.test(val); 
    } 

這給我的錯誤：

invalid quantifier ?w+=w+)?(&w+=w+)*)? 

我怎樣才能解決這個問題？

Answer 1

由於反斜槓是JavaScript中的轉義字符，你必須逃離這向它寫在一個字符串：

var pattern = new RegExp("^((ht|f)tp(s?)\\:\\/\\/|~/|/)?([\\w]+:\\w+@)?([a-zA-Z]{1}([\\w\\-]+\\.)+([\\w]{2,5}))(:[\\d]{1,5})?((/?\\w+/)+|/?)(\\w+\\.[\\w]{3,4})?((\\?\\w+=\\w+)?(&\\w+=\\w+)*)?"); 

Answer 2

您也需要到字符串聲明中逃脫反斜線：

var pattern = new RegExp("^((ht|f)tp(s?)://|~/|/)?(\\w+:\\w+@)?([a-zA-Z]{1}([\\w-]+\\.)+(\\w{2,5}))(:\\d{1,5})?((/?\\w+/)+|/?)(\\w+\\.\\w{3,4})?((\\?\\w+=\\w+)?(&\\w+=\\w+)*)?"); 

或者你使用regular expression literal syntax /expr/flags：

var pattern = /^((ht|f)tp(s?):\/\/|~\/|\/)?(\w+:\w+@)?([a-zA-Z]{1}([\w-]+\.)+(\w{2,5}))(:\d{1,5})?((\/?\w+\/)+|\/?)(\w+\.\w{3,4})?((\?\w+=\w+)?(&\w+=\w+)*)?/; 

您還應該嘗試使用non-capturing groups (?:expr)，您不需要引用該組的匹配。