如何在Pug（Jade）模板中使用HTML5模式属性

Question

使用Pug（以前称为Jade）模板引擎，如何使用输入的pattern attribute？

当我使用如下模式时：

input( type="tel", pattern="\d{7}" )

渲染的模式是：

<input type="tel" pattern="d{7}">

我也尝试使用unescaped attribute ！= ，但它仍然会转义\字符。

注意：它与pattern="[0-9]{7}"完美配合。

Answer 1

这里的问题是\字符用于转义Javascripts自己的特殊字符。

你需要将其转义，以便它在模式中呈现为explained here。

input( type="tel", pattern="\\d{7}" )

将正确呈现为：

<input type="tel" pattern="\d{7}">