close_btn
Html/Java

폼 입력창에 숫자 세 자리마다 콤마 찍어주기

posted Jan 12, 2017

<SCRIPT LANGUAGE="JavaScript">
<!--
function Format_Comma(f){
    str = f.value;
    if(str == ""){
        return;
    } else {
        var newValue = str + "";
        var len = newValue.length;
        var ch = "";
        var j = 1;
        var formatValue = "";
        len = newValue.length;
        for (i = len; i>0; i--){
            ch = newValue.substring(i-1, i);
            formatValue = ch + formatValue;
            if((j % 3) == 0 && i > 1) {
                formatValue = "," + formatValue;
            }
            j++;
        }
    }
    f.value = formatValue;
}

 

function Delete_Comma(f){
    str = f.value;
    if(str == ""){
        return;
    } else {
        var result = ""
        comma_pattern = /([\,]{1})/;
        for(var i = 0; i < str.length; i++) {
            if(comma_pattern.test(str.charAt(i))) {
                result += str.charAt(i).replace(comma_pattern, "");
            } else {
                result += str.charAt(i);
            }
        }
    }
    f.value = result;
}

 

function SetNum(obj){
    val=obj.value;
    re=/[^0-9]/gi;
    obj.value=val.replace(re,"");
}
//-->
</SCRIPT>
</HEAD>

 

<BODY>
<form name="form1">
<input type="text" name="price" size="15" maxlength="10" onkeypress="javascript:SetNum(this)" onblur="javascript:SetNum(this); Format_Comma(this)" onfocus="javascript:Delete_Comma(this)">
</form>


List of Articles
번호 분류 제목 날짜 조회 수
공지 Php date() 함수 사용법 2016.02.22 708
공지 Mysql DB 내용 불러오기 2016.02.22 353
공지 Php 앞 문자 또는 끝 문자 제거 2016.02.22 318
10 Html/Java 텍스트필드의 메세지 → 클릭하면 사라짐 2017.01.17 714
9 Html/Java 테이블 또는 셀에 링크 걸기 2017.01.17 54
» Html/Java 폼 입력창에 숫자 세 자리마다 콤마 찍어주기 2017.01.12 63
7 Html/Java 항목 선택시 바로 이동 2017.01.06 11
6 Html/Java 폼 입력창 속성 주기 2017.01.05 19
5 Html/Java 확인 대화창 띄우기 2016.06.20 286
4 Html/Java 입력값이 숫자인지 확인 2016.04.05 75
3 Html/Java 창 크기 강제 조정 2016.03.29 88
2 Html/Java 확인 대화창 띄우기 2016.03.27 172
1 Html/Java 테이블에 속성 주기 2016.02.22 807
목록
Board Pagination Prev 1 Next
/ 1