JavaScript input 객체에 천단위 콤마찍기

//천 단위 콤마 찍고 숫자인지 아닌지 검증하는 함수
	function SetComma(str)
	{
	str=str.replace(/,/g,'');
	var retValue = "";

	if(isNaN(str)==false){
	        for(i=1; i<=str.length; i++)
	        {
	if(i > 1 && (i%3)==1) 
	          retValue = str.charAt(str.length - i) + "," + retValue;
	          else 
	          retValue = str.charAt(str.length - i) + retValue;    
	        }
	    }
	    else
	    	alert("숫자만 입력 가능합니다 숫자만 입력 해주세요");
	        return retValue;
	}

먼저 숫자인지 아닌지를 검증하고 숫자가 들어오면 콤마(,)를 천단위 마다 찍어준다.

만약 콤마(,)를 먼저 찍고 숫자인지 아닌지를 검증하면 콤마를 숫자가 아닌 문자로 인식해서 콤마가 찍히는 순간 if문에 걸리게 된다.

<input type="text" name="cm_monthly_fee" id="cm_monthly_fee" value="<?=element('CM_MONTHLY_FEE', $row, 0)?>" onkeyUp="this.value = SetComma(this.value)" onfocus="this.value = SetComma(this.value)">

사용법은 input 객체에서 onkeyUp  속성과 onfocus속성에 위와 같이 입력해주면 된다