숫자만 입력할수있게... 정보
HTML 숫자만 입력할수있게...본문
//************************************************************//
프로젝트에서 common.js정도에 넣어놓고
숫자만 입력되는 곳에다 이벤트만 걸어주면 됩니다.
//************************************************************//
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<script language="javascript">
window.attachEvent("onload",init) ;
function init()
{
document.getElementById("iValue").attachEvent("onkeyup", iValueHandler) ;
}
function iValueHandler()
{
var element = event.srcElement ;
if(!isNumber(element.value))
{
alert("숫자만 입력하실수 있습니다.");
element.value = "" ;
element.focus() ;
}
}
/*************************************************************************
함수명 : containsCharsOnly
기 능 : 특정문자가 존재하는지 체크
인 수 : input, chars - 객체, 찾고자하는 문자
리턴값 : 존재하면 true
**************************************************************************/
function containsCharsOnly(input,chars) {
for (var inx = 0; inx < input.length; inx++) {
if (chars.indexOf(input.charAt(inx)) == -1)
return false;
}
return true;
}
/*************************************************************************
함수명 : isNumber
기 능 : 입력값이 숫자인지를 체크
인 수 : input - 입력값
리턴값 : 숫자 true , 숫자외문자 false
**************************************************************************/
function isNumber(input) {
var chars = "0123456789.";
if(input == "") return false;
return containsCharsOnly(input,chars);
}
</script>
</HEAD>
<BODY>
<input type="text" name="iValue">
</BODY>
</HTML>
0
댓글 0개