asp.net-mvc - 在带有 MVC 的 html5 输入模式属性中使用“@”

Question

有谁知道我如何在具有 MVC 页面的 HTML5 电子邮件输入的模式属性中使用“@”？

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

在运行时我收到此错误：

“[”在代码块的开头无效。只有标识符、关键字、注释、"(" 和 "{" 是有效的。

当我使用“data-pattern”而不是“pattern”时，我可以使用“@@”转义它，但使用“pattern”也会失败。

提前致谢 ：）

Answer 1

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

通过剃刀渲染“@”：

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

使用 HTML 编码：

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