회원가입 양식이나, 게시판 쓰기 양식등에서 사용하실 수 있는,
유효성 검사 루틴을 몇가지 만들어보았습니다. 필요하신분들은 사용하시기 바랍니다.
정규표현식을 이용한 이메일 검사는 phpschool 의 게시판에서 참고한 것입니다.
각각의 검색펑션은 들어오는 값이 없을경우 검사를 하지 않도록 하였습니다.
백스페이스키를 이용해서 모든 값을 지웠을경우 에러메세지가 뜨는것을 방지하기
위함이지요..
허접하고 간략한것이지만... 유용하게 사용하시길 바랍니다.
< script language=javascript>
// 정규표현식을 이용한 이메일 유효성검사
function email_chk(obj){
if( obj.value.length > 0 )
{
var regExp = /[a-z0-9]{2,}@[a-z0-9-]{2,}\.[a-z0-9]{2,}/i;
if(!regExp.test(obj.value))
{
alert('잘못된 e-mail 형식입니다.');
obj.value = "";
obj.focus();
return false;
}
}
}
// 아스키코드값을 이용한 한글만 입력받기
function han_chk(obj)
{
if( obj.value.length > 0 )
{
var len;
s = obj.value;
len = s.length;
for (var i = 0; i < len; i++) {
if (s.charCodeAt(i) < 128 )
{
alert('이 항목에는 한글만 입력가능합니다.');
obj.value = "";
return;
}
}
}
}
// isNaN() 함수를 이용한 숫자만 입력받기
function num_chk(obj)
{
if( obj.value.length > 0 )
{
if(isNaN(obj.value)) {
alert('이 항목에는 숫자만 입력가능합니다.');
obj.value = "";
return;
}
}
}
< /script>
이상 세가지 입니다. 여러사이트에 나와있는 검사 루틴들중 몇가지를 추려서
나름대로 간략히 만들어 놓은 것입니다. 사용법은 아래와같이 해주시기 바랍니다.
< input type=text name=name onKeyup=num_chk(this)>
이런식으로하면 실시간 검사가 이루어집니다.
단, 이메일 같은경우에는 submit() 을 하기 전에 검사를 하셔야 합니다.
실시간으로 onKeyup 을 사용한다면, 계속 오류가 발생할것이기 때문입니다.
=================================================
프로그래머의 공간..... Tipland.com
http://www.tipland.com
=================================================
'JAVASCRIPT' 카테고리의 다른 글
html:자바스크립트 typeof (0) | 2014.03.04 |
---|---|
html:자바 스크립트의 상수 자료형 (0) | 2014.03.04 |
[JavaScript] 숫자 체크 (isNaN) (0) | 2014.03.04 |
JAVASCRIPT 정규식 유효성 검사 (0) | 2014.03.04 |
<a> 태그 안에서 자바스크립트 사용 (0) | 2014.02.12 |
쉼표 제거, 0 을 - 로 바꿔주기(그 반대도) (0) | 2014.02.12 |
jQuery.ajax() 사용시 중복호출 방지하는 방법(펌) (0) | 2014.02.12 |
javascript에서 Date 객체의 getYear() 메소드 버그 관련 (0) | 2014.02.03 |