在html5输入模式属性中使用"@"和MVC

Question

有没有人知道如何在具有MVC页面的HTML5电子邮件输入的pattern属性中使用"@"？

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

在运行时我收到此错误:

"["在代码块的开头无效.只有标识符,关键字,注释"("和"{"有效.

当我使用"数据模式"而不是"模式"时,我可以用"@@"来逃避它,但是"模式"也会失败.

提前致谢 :)

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}$">