regex - 在 Razor 应用程序中验证 html5 中的电子邮件输入

Question

我有一个razor应用程序，我想在视图中添加电子邮件验证

  <td><input type="text" name="mail" placeholder="me@example.com" required autofocus title="" pattern="/^[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,4}$/"/> </td>

但在这里我得到了这个语法错误

"[" Is not valid at the start of a block of code. Only identifiers, keywords, comments, "(" and "{" are valid.

问题是什么？我该如何解决？

Answer 1

尝试用@@ 转义@。

如果不是，请将其放入“{”或“(”并检查。

它可以通过两种方式完成：

通过剃刀渲染“@”：

<input type="email" pattern="^[a-zA-Z0-9._+-]+@("@")[a-zA-Z0-9.-]+\.[a-zA-Z]{2,9}$">

使用 HTML 编码：

<input type="email" pattern="^[a-zA-Z0-9._+-]+&#64;[a-zA-Z0-9.-]+\.[a-zA-Z]{2,9}$">