금액 필드 입력시에 ...콤마 삽입 및 정렬방법

게시판 쓰기 폼에....금액필드를 추가하려고 하는데요...

 

스키마에 

 

68decimal(15,0)

이렇게 추가했는데....

 

금액 필드 입력시에 ...콤마 삽입 및 정렬방법  알고 싶습니다.

 

======================================================================

 

인터넷 찾아보니..자바스크립트를 하면 된다고 해서..보니...아래글이 있는데

이걸 우리 홈요에 어떻게 삽입해야 하는지 모르겠군요..

 

--------------------------------------------------------------------------------

 

웹 화면에서 금액을 숫자로 입력 받는 경우, 오른쪽 정렬을 해주고, 천단위마다 콤마를 삽입해주면 사용자도 편리하고 보기에도 깨끗하죠.
//-->

<html>
<script language=javascript>
function conv() {
  var str = eval("document.forms[0].test.value");
  str = str.replace(/,/g,'');
  document.forms[0].test.value = str;
  alert(str);
}

function check(f) {
  var len;
  var str = f.value;
  str = str.replace(/,/g,'');
  var str1 = '';

  len = str.length;

  if(len>3) {
    for(var i=0;len-i-3>0;i+=3) {
      str1 = ','+str.substring(len-3-i,len-i)+str1;
    }
    str1 = str.substring(0,len-i)+str1;
    f.value = str1;
  }
}
</script>

<body>
<form name=myform OnSubmit="javascript:conv();">
<input type=text name="test" value="" style="text-align:right;" OnKeyUp="javascript:check(this);">
<input type=submit name="submit" value="변환">
</form>
</body>
</html>

금액 입력시에는 매 키입력마다 string의 길이를 check하여 콤마를 찍어줍니다.
submit 할 때는 다시 콤마를 없애야겠죠...
콤마를 찍어주는 것은 VB Script를 이용하면 좀더 간단합니다.
금액의 format을 control 할 수 있으니까요.

<input type=text name="test" value="" style="text-align:right;" 
 OnKeyup="vbscript:if len(document.myform.test.value) <> 0 then 
 document.myform.test.value = formatnumber(document.myform.test.value, 0, true, false, true)">
 

 

 

 

 

 

공유하기
매뉴얼요청
분류
콘텐츠/항목
>이미지
등록자

천상영

등록일
2014-04-06
버전

댓글 1

천상영
감사합니다.
2014-04-07 15:30

[RE] 금액 필드 입력시에 ...콤마 삽입 및 정렬방법

1. 쓰기페이지의 헤더&메타&JS의 콘텐츠시작에 아래 내용을 적어주세요.

 

<script type="text/javascript">

$(function() {

$('body').on('keyup', 'input[name=writer_name]',function() {

$(this).val(number_format($(this).val()));

});

});

</script>

 

굵은글씨 부분에 필드명을 입력해주시면 됩니다.

 

2. 지금 새로 추가하신 필드 속성이 decimal로 되어있는데,

int로 변경해주셔야 실제 저장될 때 ',(콤마)' 없이 숫자만 저장됩니다.


3.  금액은 입력할 때 오른쪽 정렬로 입력되지요~
편집화면에서 입력상자부분을 클릭하셔서 

style="text-align:center;" 내용을 적어주시면 오른쪽정렬이 적용됩니다.

등록자
비오에스
등록일
2014-04-07 13:57
조회
9,138
사용자포럼(Q&A)
번호제목등록자등록일
13024

문성철

04-21
12902

문성철

04-15
12837

이상수

04-10
12829

이상수

04-10
12819

이상수

04-09
12810

천상영

04-09
12803

천상영

04-08
12802

이상수

04-08
12797

천상영

04-08
12787

이상수

04-08
12776

최미임

04-08
12769

최미임

04-08
12744

천상영

04-06
12678

백종훈

04-02
12601

이상원

03-31