输入元素模式属性的Javascript正则表达式适用于refidle，但不适用于页面

我尝试使用以下正则表达式为填写表单的用户提供一些基本反馈：

/\+?[(]?(?:[0-9\ ][a-z]?[()\-\.]?){3,}/ig

（我知道关于电话号码的正则表达式；我在这里的目的只是通过突出显示绿色或红色的输入框为用户提供一些反馈，而不是确保输入真实的电话号码）

这个正则表达式的行为似乎与我在refidle（）上希望的完全一致，但当我在页面上使用它时，它似乎发现所有内容都无效：

<input type='tel' name='phone' required pattern='/\+?[(?:]?([0-9a-z\ ][()\-\.]?){3,}/ig' />

这是Zurb基金会的表单验证的一部分。该页面有许多具有各种模式的其他输入，它们似乎都正确地进行了验证/失效

---

有人能指出我做错了什么，导致正则表达式模式使一切无效吗？谢谢。

您不能在html

模式

对象中使用javascript分隔符（或修饰符）。要使模式正常工作，请删除分隔符和javascript修饰符，如下所示：

\+?[(?:]?([0-9a-z\ ][()\-\.]?){3,}

---

在这里查看它的实际操作：（按submit进行检查）。

有人能说一下为什么这会被否决，以及我如何才能使它成为一个更好的问题吗？谢谢，谢谢，愚蠢的错误！我选择了