2014-10-30 2 views
4

Pug (이전 이름의 Jade) 템플릿 엔진을 사용하면 pattern attribute 입력을 어떻게 사용할 수 있습니까? Pug (옥) 템플릿에서 HTML5 패턴 속성을 사용하는 방법

내가 같은 패턴을 사용

:

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

렌더링 된 패턴은 다음과 같습니다! 나는 또한 unescaped attribute과 노력

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

=하지만 여전히 \ 문자를 이스케이프합니다.

참고 : pattern="[0-9]{7}"과 완벽하게 작동합니다.

답변

4

여기서 문제는 \ 문자가 Javascript의 자체 특수 문자를 이스케이프하는 데 사용된다는 것입니다.

explained here과 같이 패턴으로 렌더링되도록 이스케이프 처리해야합니다.

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

이주의는 '\'문자가 제이드의 특수 문자를 탈출은 사용되지 않고, 자바 스크립트의 :

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

가 제대로으로 렌더링됩니다. 따옴표로 묶은 문자열은 단지 일반적인 자바 스크립트 문자열 일 뿐이며, 다른 것들은 단지 내용을 복잡하게 만들 것입니다. –

+0

아, 네 말이 맞아. 티모, 대답을 편집 했어. 고맙습니다! –

관련 문제