[JSP] 이름 유효성 체크 (공백, 한글명, 글자수 등)

■ 어떻게 유효성 확인을 할까?

 JSP 내에서 유효성 체크를 어떻게 할까? 우선 자바 스크립트 내에 작성을 통해 버튼을 달아 유효성 체크를 하였다. 이 외에도 많은 방법이 있으며, 쓰는 방식은 개인의 차이이다.

◆ 빈 값 사용 여부 확인

 이름의 값이 아무것도 없을 시, 걸리게 된다.

/* 빈 값 사용 금지 */

if ($("#name").val() == "") {

alert("이름을 정확히 입력해주세요");

return;

}

◆ 2글자 미만 사용 여부 확인

 이름란의 값이 2글자 미만일 경우에 걸리게 된다.

/* 2글자 미만 사용 금지 */

if ($("#name").val().length <= 1) {

alert("이름을 정확히 입력해주세요");

return;

}

◆ 숫자 및 영문, 자음, 공백 사용 여부 확인

 Substring을 이용하여 한 글자씩 유효성 체크를 진행.

 이름에 숫자, 영문, 자음, 공백이 들어왔을 시에 걸리게 된다.

/* 숫자 및 영문, 자음 사용 금지 구문 */

for (var i=0; i<$("#name").val().length; i++)  { 

    var chk = $("#name").val().substring(i,i+1); 

    if(chk.match(/[0-9]|[a-z]|[A-Z]/)) { 

    alert("이름을 정확히 입력해주세요");

        return;

    }

    if(chk.match(/([^가-힣\x20])/i)){

    alert("이름을 정확히 입력해주세요");

        return;

    }

    if($("#name").val() == " "){

    alert("이름을 정확히 입력해주세요");

        return;

    }

} 

● 사용 예제

 input에 타입 text를 사용하였으며, name을 지정하여 값의 유효성을 검토하였다.

관련글 더 보기

 2014/07/31 - [JavaScript] OnChange 사용하기

 2015/07/02 - [JSP] JSP에서 include 사용하는 방법 (file, page)

 2015/07/02 - [JSP] 에러 페이지 처리방법 (web.xml)

 2015/07/02 - [JSP] HTTP 에러코드 정리 모음

 2015/07/02 - [JSP] 웹에서 Session 사용하기

↓ 공감 을 눌러주시면 블로거에게 큰 힘이 됩니다 !