본문 바로가기
Coding/Client - HTML

HTML5 입력 값 체크

by 그냥그렇듯이 2017. 9. 6.
반응형

모든 저작권은 <생활코딩>의 생산자인 <egoing>님에게 있습니다.

문제시, 비공개로 전환하겠습니다.


<HTML5 입력 값 체크>

유효성체크 = validation
pattern은 사용자의 입력값을 알아낼 수 있다.
정규표현식 -> [.....][.....]
. 은 모든 문자를 뜻한다. (1개의 단어/숫자)
+는 모든 문자+숫자를 넣을 수 있다.

form validation은 사용자의 편의를 높여주는 기능일 뿐 보안성은 없다.
보안이라는 것은 결국 서버단에서 해결되어야할 문제이다.
사용자가 입력한 정보를 검증하여 서버에 넣어야한다.

예제

 <!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

    </head>

    <body>

        <form action="register.php">

            <input type="text" name="id" placeholder="아이디를 입력" required pattern="[a-zA-Z].+[0-9]">

            <input type="email" name="email" placeholder="이메일 입력">

            <input type="submit">

        </form>

    </body>

</html

댓글