Поле ввода принимает любые символы, игнорируя регулярное выражение

Question

У меня есть следующее регулярное выражение для поля input, которое было подтверждено как правильное:

<input type='text' name='email' pattern="[/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,4})+$/]" />

Однако мое поле принимает любую строку, игнорируя регулярное выражение. Я работаю в Vue. js. Что мне не хватает?

Обратите внимание, что Regex было взято из здесь .

Answer 1

Используйте

pattern="^\w+([.-]\w+)*@\w+([.-]\w+)*(\.\w{2,4})+$"

Скобки и косые черты не являются частью шаблона и должны быть удалены.

Помните, что специальные символы теряют свое особое значение внутри скобок, поэтому используйте [.-] вместо [\.-].