더북(TheBook)

Note HTML5의 검사 기능 활용하기

여기서는 입력값을 자바스크립트로 검사하지만, HTML 자체에서도 입력값 검사 기능을 제공합니다. 웹 브라우저에서 자바스크립트 코드를 실행하지 않는 경우도 있으므로(사용자가 웹 브라우저 환경 설정에서 자바스크립트를 실행하지 않게 설정할 수 있음) HTML로도 검사해 보는 것이 좋습니다.

<input
  required
  type="text" 
  id="input"
  minlength="4" 
  maxlength="4" 
  pattern="^(?!.*(.).*\1)\d{4}$"
>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.