먼저 수치로서 유효한가, 무효인가를 점검하고
유효한 경우에 소수점 이상 수치와 소수점 이하 수치를 분리한다.
그리고 1000으로 나누면서 콤마를 집어 넣어 스트링을 만든다.
최종적으로 남은 수치를 맨 앞에 붙이고
소수점을 맨 뒤에 붙이게 된다.
|
<head>
..
<script Language="Javascript">
<!-- 감춤
function comma(numb){
var str=int=deci='';
decicheck=false;
len=numb.length;
for (i=0;i<len;i++){
char=numb.substring(i,i+1); // 한 글자 추출
if (char=='.'){ decicheck=true;} // 소수점이 발견되면 소수점이 있슴 표시
if (decicheck) deci+=char; // 소수점이 발견되었으면 소수에 글자 추가
else int+=char; // 소수점이 발견 안되었으면 정수에 글자 추가
}
while (int>=1000){ // 정수가 1000 작을때까지 반복
hi=Math.floor(int/1000); // 마지막 3자리의 소수점 없는 글자를 높은 수치 변수에
lostr='000'+int%1000; // 정수를 1000으로 나누고 나머지에 앞에 '0' 글자 추가
len=lostr.length;
lostr=lostr.substring(len-3,len); // 3자리 수치만 채택
if (!str) str=lostr; // 맨 먼저 스트링은 제일 낮은 3자리수
else str=lostr+','+str; // 그 다음부터는 낮은수 3자리수 앞에 콤마(,) 넣고 붙임
int=Math.floor(int/1000); // 처리한 디짓트 제거
}
str=hi+','+str; // 마지막에는 제일 높은 자리수를 맨 앞에 붙임
if (decicheck) str+=deci; // 소수점이 있으면 소수점을 맨뒤에 붙임
snumb.innerHTML='<font color=blue>'+str+'</font>'; // id 로 지정한 칸에 html로 넣어 줌
}
function validcheck(numb) {
str=numb;
len=str.length;
valid=true; // 소수점 유효성 점검을 위한 변수
var i, char, point=0;
for (i=0;i<len;i++){
char=str.substring(i,i+1); // 한 글자 추출
if (char=="."){
point+=1; // 소수점이 한개 이상 들어 가 있는가를 점검하기 위한 변수
continue;
}
if (char < "0" || char > "9") { //소수점 이외의 수치의 유효성 점검
valid=false;
break;
}
}
if (valid && (point<=1)){ // 모두 유효수치이며 소수점이 한개이면
comma(numb); // 콤마 스트링 루틴으로
} else {
snumb.innerHTML='<font color=red>무효 수치</font>'; // 아니면 무효 수치임을 표시
return false;
}
}
// 감춤 끝 -->
</script>
</head>
<body onload=fname.inumb.focus()>
..
<table class=main><tr><td>
<img src=../gif/rfbtexm1.gif><br><br>
<table align=center><tr><td>
<form name="fname">
숫치 입력: <input name="inumb" value="1000000" size="20">
<input type="button" value="확인" onclick="validcheck(document.fname.inumb.value)"><!입력 수치 획득>
<input type="reset" value="다시"><br>
</form>
<table><tr><td>결과</td><td class=brown id=snumb
style="border:solid 1 blue;background:ffa;padding:5;width:100px" align=right>
</td></tr></table><!결과물 출력 위치>
<br>먼저 수치로서 유효한가, 무효인가를 점검하고<br>
유효한 경우에 소수점 이상 수치와 소수점 이하 수치를 분리한다.<br>
그리고 1000으로 나누면서 콤마를 집어 넣어 스트링을 만든다.<br>
최종적으로 남은 수치를 맨 앞에 붙이고<br>
소수점을 맨 뒤에 붙이게 된다.<br>
</td></tr></table>
</body>
 중요 사항
- FORM에서 INPUT에서 type이 생략되면 디폴트로 type="text"로 간주하며,
- while(조건문)을 사용하여 조건이 만족되는 한 계속 반복하므로 아무리 긴 수치라도 처리가 가능하다.
- validcheck(document.fname.inumb.value)로 변수를 바로 기능 서브루틴으로 보낸다.
- onClick은 단추를 눌렀을 때를 말하며 예제에서 기능을 부른다. submit 없이도 일정 기능 호출이 가능하다.
|
제공