如何红宝石正则表达式转换为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。