HTML5 입력 값 체크

HTML5 form4 : 입력 값 체크

# 사용자가 틀린 것을 입력하였을 때

그것이 유효한지, 안전한 지에 대해서

--> 유효성 검사

HTML 5에서는 입력 값 체크에 대해 대폭의 기능 추가가 있었음.

코드만으로도 사용자가 입력한 값의 유효성을 체크할 수 있음.

# required : 필수적으로 적어야 하는 경우 사용자가 반드시 입력.

--> 필수와 옵션을 구분할 수 있음. (유효성 검사와 관련)

# pattern="반드시 정규표현 식이 온다." (HTML5 약속)

pattern="[a-zA-Z]" : 앞에 반드시 문자를 강제.

-- aa 연속 X, pattern="[a-zA-Z][a-zA-Z]" 

pattern="[a-zA-Z.]" : 뒤에 .(점)을 입력하면 어떤 문자가 와도 괜찮다.

pattern="[a-zA-Z.+]" : 어떤 문자건 1가지 이상 와야한다.

"가장 끝에는 숫자로 끝나야 한다." 라는 조건을 넣고 싶다면?

pattern="[a-zA-Z.+[0-9]" 

더 자세한 것은 정규표현식 수업에 나와있음!

다만, form_validation을 통해 사용자를 어느정도 통제할 수 있다고 해도

 보안적으로 신뢰해서는 안됨. 검증을 거친 데이터만 신뢰해야 함.

HTML 수업 끝.