将 Regex 对象分配给 html 输入模式

Question

我需要以编程方式将正则表达式对象分配给输入元素模式属性。 以下是我目前的实现：

var regex = /\d{5}/;
element.attr("pattern", regex.toString().slice(1,-1);

有没有更好的方法可以在不进行字符串操作的情况下做到这一点？

Answer 1

RegExp 实例有一个 source property，其中包含它们的文本：

源属性的值是表示当前正则表达式的Pattern形式的String。

因此

/\d{5}/.source === "\\d{5}"

因此您的代码可以更改为

var regex = /\d{5}/;
element.setAttribute("pattern", regex.source);

Answer 2

如果您使用 jQuery，请使用 prop 而不是 attr。因为在较新版本的 jQuery 中，attr 是只读的，prop 是读/写的。

element.prop('pattern', regex.toString().slice(1,-1));