如何紅寶石正則表達式轉換爲JavaScript的？ - ：和Rails 3.0.3

Question

即時通訊使用validates_format_of方法檢查電子郵件格式：使用livevalidation插件來驗證表單，所以在我的代碼即時得到

validates_format_of :email, :with => /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i 

還林：

（I-MX ..？）

(?i-mx:^([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})$) 

的Javascript不能閱讀本正則表達式。如何或在哪裏我可以改變這個正則表達式是爲原文：

/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i 

？

Answer 1

原因是你正在使用.to_s而不是.inspect來轉換你的正則表達式。在你看來，你需要做的是使用.inspect來獲得正確的格式。這裏是一個要解釋這個問題的一些示例代碼：

email = /^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i 
email.to_s #"(?i-mx:^([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})$)" 
email.inspect #"/^([^@\\s]+)@((?:[-a-z0-9]+\\.)+[a-z]{2,})$/i" 

所以，在你的JavaScript觀點做這樣的事情來得到你想要的實際字符串表示：

<%= email.inspect %> 

Answer 2

Ruby和JavaScript的正則表達式由具有不同能力的不同引擎解析和執行。正因爲如此，Ruby和JavaScript正則表達式具有稍微不兼容的細微差別。如果您注意到它們沒有直接翻譯，那麼您仍然可以在JavaScript中表示簡單的Ruby正則表達式。

這裏的what client side validations does：

class Regexp 
    def to_javascript 
    Regexp.new(inspect.sub('\\A','^').sub('\\Z','$').sub('\\z','$').sub(/^\//,'').sub(/\/[a-z]*$/,'').gsub(/\(\?#.+\)/, '').gsub(/\(\?-\w+:/,'('), self.options).inspect 
    end 
end 

最近addition of the routes inspector to rails需要a similar approach，甚至更好，因爲它避免了猴子補丁：

def json_regexp(regexp) 
    str = regexp.inspect. 
     sub('\\A' , '^'). 
     sub('\\Z' , '$'). 
     sub('\\z' , '$'). 
     sub(/^\// , ''). 
     sub(/\/[a-z]*$/ , ''). 
     gsub(/\(\?#.+\)/ , ''). 
     gsub(/\(\?-\w+:/ , '('). 
     gsub(/\s/ , '') 
    Regexp.new(str).source 
end 

然後將這些媒體插入JavaScript代碼，使用這樣的：

var regexp = #{/^([^@\s]+)@((?:[-a-z0-9]+\.)+[a-z]{2,})$/i.to_javascript}; 

Answer 3

我已經寫了轉換的Ruby小寶石的正則表達式爲JavaScript：

https://github.com/janosch-x/js_regex

它可以處理比GSUB方法較多的情況下，包括警告，如果任何不兼容問題依然存在。

請注意，無論你做什麼，並非所有的Ruby正則表達式都可以完全轉換爲JS，因爲Ruby的正則表達式引擎has a lot of features that JavaScript's doesn't have。