입력된 내용이 숫자와 영문인지 아주 간단하게 체크하기

※ 내용 업데이트와 홈페이지 관리 다시 시작하겠습니다. ^^;

입력된 내용이 숫자와 영문인지 체크하는 방법에 여러가지가 있습니다.

아래 방법은 정규식이란걸 이용하여 간단하게 체크해 보는 방법입니다.

텍스트박스에 이것저것 입력후 버튼을 눌러보세요~

응용하면 숫자만 입력 받는다거나 한글만 받는등의 방법도 나올 수 있습니다.

* 입력된 내용이 비정상일때만 경고창이 뜹니다.

예제

소스

<form name="form1">
<input type="text" name="test"> <input type="button" value="체크해 보아요~" onclick="chk()">
</form>

<script language="JavaScript">
<!--
// 특수문자와 공백, 한글등의 문자는 바뀌지 않고 남는다.
// 뭔가 남아 있다면 영문과 숫자외의 것이므로 체크가 가능하다 -_-?

	function chk(){
		var tmp = document.form1.test.value;
		var tmp2 = /[a-z]|[0-9]/gi; // 정규식 - 알파벳과 숫자만 지정
		tmp = tmp.replace(tmp2, ''); // 지정한 정규식에서 알파벳과 숫자만 공백으로 바꾼다
		if(tmp != ''){
			alert('영문과 숫자만 입력하세용~');
		}
	}
//-->
</script>

<form name="form1">
<input type="text" name="test"> <input type="button" value="체크해 보아요~" onclick="chk()">
</form>

<script language="JavaScript">
<!--
// 특수문자와 공백, 한글등의 문자는 바뀌지 않고 남는다.
// 뭔가 남아 있다면 영문과 숫자외의 것이므로 체크가 가능하다 -_-?

	function chk(){
		var tmp = document.form1.test.value;
		var tmp2 = /[a-z]|[0-9]/gi; // 정규식 - 알파벳과 숫자만 지정
		tmp = tmp.replace(tmp2, ''); // 지정한 정규식에서 알파벳과 숫자만 공백으로 바꾼다
		if(tmp != ''){
			alert('영문과 숫자만 입력하세용~');
		}
	}
//-->
</script>

☞ 달팽이홈2

등록일 : 2008-06-29