JavaScript Form 유효성 검사

    2018-05-10 15:38:01 작성

    유효성검사

    HTML Form 유효성 검사는 Javascript로 수행할 수 있습니다.

    • 폼 전송

      form의 submit 이벤트로 동작하며, 반환값이 true 이면 전송하고, false이면 전송하지 않습니다.
      다음 예제는 input을 검사하여 값을 4자 이하이면 전송을 하지 않게 합니다.

    • HTML5 자동 유효성 검사

      HTML5에서는 제약조건 유효성 검사를 합니다.
      input등 form의 요소에 다음 속성을 지정하면 자동으로 유효성 검사를 진행합니다.

      속성 설명
      disabled 요소를 비활성화 합니다.(요소값 전송안함)
      max 입력 요소의 최대값을 지정합니다.
      min 입력 요소의 최소값을 지정합니다.
      pattern 입력 요소의 패턴(정규식)을 지정합니다.
      required 필수 입력 요소로 지정합니다.(요소값이 없다면 전송하지 않음)

      유효성 검사 비활성화

      form요소에 novalidate 속성을 지정하면 유효성검사를 건너뛸 수 있습니다.