HTML 수업

HTML5 입력 값 체크

 

예제

<!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>

 

참고

정규표현식 수업

댓글

댓글 본문
작성자
비밀번호
  1. 김원중
    감사 감사
  2. 정귀수
    완강했어요! 감사합니다.

    그런데 완강해도 90% 달성인 것은 왤까요?
  3. 김명수
    caniuse에서 확인이 가능합니다~^^이고잉님 강의 Can I use 참고
    대화보기
    • 광뀨
      2017-07-25 완료
    • 34t3rNULL
      2017-01-02 Complete
    • 레미렘
      안녕하세요 이고잉님. 강의 너무 잘보고 있습니다!!
      웹 애플리케이션 만들기, 오리엔테이션까지 완강하고 HTML 쭉 봤습니다.
      정해주신건 아니지만 추천(?)해주신 순서대로 강의를 보고있는데 확실히 웹애플리케이션만들기를 보고와서 그런지 이해가 더 잘가고 서버쪽 말씀할때도 더 잘 들어오네요! 좋은강의 너무 감사합니다.
    • 삐댕이
      required patternn은 익스호환이 가능한가요?? 친구 소개로 생활코딩 들었는데 넘넘 조음
      지금 학원에서 강의듣는데 저 강사에게 강습료가 나간다는게 의아함 ㅜㅜ
    • 해커가꿈인사람
      완강했다!!
      이고잉님 좋은 강의 감사합니다. css수업도 완강 하겠습니다!!1
    • 해커가꿈인사람
      2016.12.20 강의수강완료
    • 임지호
      16.12.17 HTML강의 완주
      내일부터 CSS강의!
      이고잉님 항상 좋은 강의 감사합니다
    • 임지호
      입력값체크(유효성 검사) : 사용자가 입력한 값이 올바른지(?) 검사하는 기능
      - 필수적으로 입력해야 하는 부분 : 속성 required 추가
      - 패턴에 맞게 입력해야 하는 부분 : 속성 pattern=에 정규 표현식 추가
      *정규표현식 : HTML과는 다른 프로그래밍 언어([a-zA-z] : 알파벳 하나, . : 아무거나, + : 하나 이상, [0-9] : 숫자하나

      -> 유효성 검사는 사용자가 입력하기 쉽게 하기 위한 장치로 인식해야지, 검사를 통과한 값들을 무조건적으로
      신뢰해서는 안됨.
    • 감사합니다
      고맙습니다. 개발하면서 제가 모르는 부분이 있을까 싶어 다시보게 되었는데,

      이해가 매우 잘됩니다.

      CSS까지 다 보겠습니다.
    • 개발하면서 잊어먹었던 것들 다시 되짚어보는 시간이였습니다.
      늘 감사합니다 ^.^!
    • 레보로베
      드디어 html을 정주행 했습니다. 좋은 퀄리티의 강의를 선도해주셔서 감사합니다 egoing님. 이제 css로 넘어갈게요 :)
    • form까지 반 나눠서 이틀에 걸쳐 정주행 완료했어요
      다시 한번 짚어보고 싶을때 들어도 좋은 강의예요.
      차분히 잘 설명해주셔서 쏙쏙들어와요ㅎㅎ
    • 권용식
      강의 감사합니다 ^^
    • 에그머니
      강의를 다 끝내며.. 몰랐던 부분에 대해서 짚고 넘어갈 수 있어서 좋았어요! 감사합니다 :D
    • 드디어 html강의는 다 끝났네요!! 좋은 강의 감사합니다
    • 연제원
      감사합니다.
    • 심외무별법
      감사합니다 . 잘보고 있습니다.
    • mrgoodway
      완강 했습니다. 감사합니다~^^
    • 지후니
      요즘 학교에서 html5와 db를 이용해서 프로젝트를 하는데
      html을 잘 몰라 블로그를 찾았지만 자세히 모르겠어서
      생활코딩 동영상을 보고 공부하는데

      하루만에 다 봤네요 이해도 잘되고
      정말 감사합니다 ㅎㅎㅎ
    • 마엘
      정말 잘들었습니다!
    • 미미미미
      수업 너무 잘 들었습니다^^원래 1시간도 앉아있기 힘들어하는 저인데, 너무 쉽게 재밌게 가르쳐주셔서 5시간동안 쉬지도 않고 들었네요ㅎㅎ정말 너무 감사합니다!!
    • 한도르마르
      html
      09-10 완강
    • 감성팔이
      감사합니다!
    • Wj Kim
      훌륭한 강의 잘 들었습니다. 감사합니다.
    • 다은아빠
      좋은 강의 잘 들었습니다.
    • 김종엽
      2016.08.24 완료!
    • vnswo1@gmail.com
      감사합니다 egoing님 ㅎㅎ
      훌륭한 개발자가 되서 나중에 한 번 뵙겠습니다!
      앞으로도 저에게 필요한 강의들 열심히 수강하면서
      꿈을 키워나가겠습니다!
      대화보기
      • egoing
        학습을 위해서 모방을 하는 것은 정말 좋은 방법입니다.
        기술이 흔들리는데 기획까지 흔들리면 프로젝트의 복잡도가 너무 높아지거든요.
        기획을 고정시키고 기술이 확실해질 때까지 반복해서 수련해보는 것은 좋은 방법이라고 생각해요.
        대화보기
        • 훌륭한 프로그래머가 되겠다는 꿈을 꾸며

          열심히 egoing님이 해주시는 강의를 듣고 있습니다.

          생활코딩 완강 후에, 제가 직접 필요한 웹을 만들어보기도 하고

          여러 페이지를 돌아다니면서 코드를 보며 똑같이 만들어보는 공부를

          하려고 하는데 어떻게 생각하시는지 egoing님의 의견을 듣고 싶어요!
        • Daehyeop Ko
          완강!! 수고하셨습니다
        • yoonalee
          HTML 완강했어요! 좋은 강의 감사합니다!!!
        • wonhee lee
          끝까지 잘 보았습니다. 수고하셨습니다
        • HTML을 완주했습니다! 좋은 강의 덕분에 금방 배울 수 있었습니다!!
          남은 css, 자바스크립트 강의도 열공! 하도록 하겠습니다ㅎㅎ
          정말 감사드립니다~!
        • Joon Lee
          HTML 완료!!
        • 내일도
          이번토픽도 잘봤습니다 감사합니다
        • cicada
          감사합니다
        • Ian Si Mong Seong
          HTML 전반적으로 이해가 끝났습니다
          감사합니다
        • Ian Si Mong Seong
          수강완료
          2016.08.01
        • 서아
          감사합니다. 강의 잘 들었습니다. 도움이 많이 되었습니다 :)
          다음 강의도 들으러갑니다~
        • 우루부루구루
          감사합니다. HTML에 대해서 개념을 쉽게 가르쳐 주셔서.
        • 감사합니다, 감사합니다, 감사합니다!
          HTML 수업을 끝까지 완주했네요! ㅎㅎ 이제 CSS로 날아갑니다~~~~~
          항상 감사드립니다.
        • 감사합니다 엄청 재밌고 쉽게 공부했어요! 어렵지 않게 설명해주시니까 재밌어서 진도도 쉽게 쉽게 나가네요!!
          진짜 아무것도 몰랐는데 금방 이해할 수 있다니...ㅠㅠ
          이제 css강의 들으러 갑니다!ㅋㅋ 정말 감사드려요!
        • 이승민
          정말 가르치는데 탁월하십니다. 적어도 저에겐 참스승 이십니다. 중간중간 무리가 될만한 부분은 이해못해도 괜찮다고 확실히 짚어주시면서 정말 알아야할것부터 부담이 안되게 가르치는 방식이 딱 저에게 필요했던 강의방식입니다. 무슨강의가 됬던 답답해서 인상 찡그리지 않고 배운적이 없던것 같은데... 많은 선생님들이 개구리 올챙이 적 기억못하듯이 가르치시던데, 마치 올챙이 적을 다 기억하시는 것 같습니다 ㅎㅎ 초보자에게 편안하고 좋은강의였습니다. 진심으로 감사드립니다.
        • 별다루
          html 강의 수강 다했어요 짝짝! 이제 css 수업 들으려고 합니다.
          정말정말 감사드려요 :) 웬만한 학원 강의보다 훨씬 유익했습니다!
          쉽게 정말 잘 가르쳐주셨어요 ㅠㅠㅠ
        • Rhys Jung
          감사합니다. 이제 두번째 토픽을 마쳤습니다.
          다시한번 감사인사 드립니다. 행복하세요
        • egoing
          화이팅입니다~
          대화보기
          • 초보코딩스
            html 강좌 정주행 완료하였습니다.
            정말 아무것도 몰랐었는데 이렇게 좋은강좌 만들어주셔서 감사합니다!
            CSS 강좌도 들으러 가보겠습니다
            화이팅!!
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기