2011. 12. 12. 15:35 프로그래밍/JavaScript

0으로 시작하지 않는 양의 정수를 허용하기.

function onlyNum(obj) {
    var val = obj.value;
    var  re = /^[0]+|\D*/gi;
    obj.value = val.replace(re, '');
}


input tag 의 onkeyup method 를 넣어줘서  0으로 시작하지 않는 양의정수를 입력하도록 Constraint를  걸어주는 코드.  

'프로그래밍 > JavaScript' 카테고리의 다른 글

글자 수 제한 및 현재 입력한 글자수 체크.  (0) 2011.12.12
Input에 숫자만 입력할 수 있도록  (0) 2011.11.23
javascript로 숫자 validation  (0) 2011.11.15
javascript로 버튼에 print 링크 다는 방법!  (1) 2011.03.08
팝업창에서 부모창으로 form data 전송  (1) 2011.03.03
Posted by LucidasH

2011. 12. 12. 11:05 프로그래밍/JavaScript

글자 수 제한 및 현재 입력한 글자수 체크.

// aro_name 은 체크 할 글자수가 담긴 obj
// ari_max 는  제한 할 길이
// chk_byte 는 현재 입력한 글자수를 표기하기 위한 span object

function fc_chk_byte(aro_name, ari_max, chk_byte)
{
   var ls_str     = aro_name.value; // 이벤트가 일어난 컨트롤의 value 값
   var li_str_len = ls_str.length;  // 전체길이
   

   // 변수초기화
   var li_max      = ari_max; // 제한할 글자수 크기
   var i           = 0;  // for문에 사용
   var li_byte     = 0;  // 한글일경우는 2 그밗에는 1을 더함
   var li_len      = 0;  // substring하기 위해서 사용
   var ls_one_char = ""; // 한글자씩 검사한다
   var ls_str2     = ""; // 글자수를 초과하면 제한할수 글자전까지만 보여준다.

   for(i=0; i< li_str_len; i++)
   {
      // 한글자추출
      ls_one_char = ls_str.charAt(i);

      // 한글이면 2를 더한다.
      if (escape(ls_one_char).length > 4)
      {
         li_byte ++;
      }
      // 그밗의 경우는 1을 더한다.
      else
      {
         li_byte++;
      }

      // 전체 크기가 li_max를 넘지않으면
      if(li_byte <= li_max)
      {
         li_len = i + 1;
      }
   }
   
   // 전체길이를 초과하면
   
   chk_byte.innerText = "("+li_byte+"/"+li_max+"자)";

   
   if(li_byte > li_max)
   {
      alert( li_max + " 글자를 초과 입력할 수 없습니다. \n 초과된 내용은 자동으로 삭제 됩니다. ");
      ls_str2 = ls_str.substr(0, li_len);
      aro_name.value = ls_str2;
      chk_byte.innerText = "("+li_len+"/"+li_max+"자)";
   }
   
   aro_name.focus();   
}

'프로그래밍 > JavaScript' 카테고리의 다른 글

0으로 시작하지 않는 양의 정수를 허용하기.  (0) 2011.12.12
Input에 숫자만 입력할 수 있도록  (0) 2011.11.23
javascript로 숫자 validation  (0) 2011.11.15
javascript로 버튼에 print 링크 다는 방법!  (1) 2011.03.08
팝업창에서 부모창으로 form data 전송  (1) 2011.03.03
Posted by LucidasH

2011. 11. 23. 11:28 프로그래밍/JavaScript

Input에 숫자만 입력할 수 있도록

<input type="text" style="ime-mode:disabled;" onKeyPress="return numbersonly(event, false)">


function numbersonly(e, decimal) {
    var key;
    var keychar;

    if (window.event) {
        key = window.event.keyCode;
    } else if (e) {
        key = e.which;
    } else {
        return true;
    }
    keychar = String.fromCharCode(key);

    if ((key == null) || (key == 0) || (key == 8) || (key == 9) || (key == 13)
            || (key == 27)) {
        return true;
    } else if ((("0123456789").indexOf(keychar) > -1)) {
        return true;
    } else if (decimal && (keychar == ".")) {
        return true;
    } else
        return false;
}

 

출처 : http://forums.mozilla.or.kr/viewtopic.php?p=27386&sid=2bdee50d9b27286f7f0f133304dcfeeb 

'프로그래밍 > JavaScript' 카테고리의 다른 글

0으로 시작하지 않는 양의 정수를 허용하기.  (0) 2011.12.12
글자 수 제한 및 현재 입력한 글자수 체크.  (0) 2011.12.12
javascript로 숫자 validation  (0) 2011.11.15
javascript로 버튼에 print 링크 다는 방법!  (1) 2011.03.08
팝업창에서 부모창으로 form data 전송  (1) 2011.03.03
Posted by LucidasH

2011. 11. 15. 09:54 프로그래밍/JavaScript

javascript로 숫자 validation

function isNumber(s){ //문자, 숫자 판단 함수.
s += '';
s = s.replace(/^\s*|\s*$/g, '');
if(s==''|isNaN(s)){
alert("올바른 숫자를 입력하세요");
return false;
}
return true;
}


그냥 이걸 갖다 붙여 쓰자 .... 

'프로그래밍 > JavaScript' 카테고리의 다른 글

글자 수 제한 및 현재 입력한 글자수 체크.  (0) 2011.12.12
Input에 숫자만 입력할 수 있도록  (0) 2011.11.23
javascript로 버튼에 print 링크 다는 방법!  (1) 2011.03.08
팝업창에서 부모창으로 form data 전송  (1) 2011.03.03
Radio, Checkbox 클릭 여부에 따라 input text , textarea 등 disabled 시키기.  (1) 2011.02.25
Posted by LucidasH

2011. 3. 8. 09:30 프로그래밍/JavaScript

javascript로 버튼에 print 링크 다는 방법!


javascript로 버튼에 print 링크 다는 방법!

 


<div id = "printArea">
   <!-- 출력할 내용 -->
</div>

<a href="#" onclick"printSction();">
<img src="버튼주소"/>
</a>


<script type="text/javascript">
 function printSection()
 {
  var sw = screen.witdh;
  var sh = screen.height;
  var w = 400;
  var h = 800;

  var xpos = (sw-w)/2;
  var ypos = (sh-h)/2;

  var rptHeader = " <html><head><title> 인쇄 </title> ";
  rptHeader = rptHeader + '<link rel="stylesheet" type="text/css" href="../../contact/css/print.css" />';
  rptHeader + "</head><body>";
  rptContent0 = document.getElementById("printArea").innerHTML + "<br>";

  var rptTail = "</body></html>";
  var rptContent = rptHeader + rptContent0 + rptTail;
  rptWin = window.open( "","rpt","witdh="+w+",height="+h+",top="+ypos+",left="+xpos+",status=yes,scrollbars=yes");
  rptWin.document.open();
  rptWin.document.write(rptContent);
  rptWin.document.close();
  rptWin.print();
  rptWin.close();  // 이 부분을 주석처리하면 당연히 새로 뜬 팝업창이 프린트 후에도 꺼지지 않음.
 }

</script>

'프로그래밍 > JavaScript' 카테고리의 다른 글

Input에 숫자만 입력할 수 있도록  (0) 2011.11.23
javascript로 숫자 validation  (0) 2011.11.15
팝업창에서 부모창으로 form data 전송  (1) 2011.03.03
Radio, Checkbox 클릭 여부에 따라 input text , textarea 등 disabled 시키기.  (1) 2011.02.25
각종 input, checkbox , radiobox, textarea 등 초기화 하기.  (0) 2011.02.25
Posted by LucidasH

2011. 2. 25. 13:27 프로그래밍/JavaScript

Radio, Checkbox 클릭 여부에 따라 input text , textarea 등 disabled 시키기.


<script type="text/javascript">
     function radiotext( formident )
     {
      var formname = formident;
      var text1 = document.getElementsByName('wr_35');
      var text2 = document.getElementsByName('wr_36');

      var rb = document.getElementsByName('wr_33');
      text1[0].disabled = text2[0].disabled  = ( rb[0].checked == true ) ? 'disabled' : '';

      if ( text1[0].disabled )
       text1[0].value = '';

      if ( text2[0].disabled )
       text2[0].value = '';
      
     }
      </script>

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

이렇게 하자.

'프로그래밍 > JavaScript' 카테고리의 다른 글

Input에 숫자만 입력할 수 있도록  (0) 2011.11.23
javascript로 숫자 validation  (0) 2011.11.15
javascript로 버튼에 print 링크 다는 방법!  (1) 2011.03.08
팝업창에서 부모창으로 form data 전송  (1) 2011.03.03
각종 input, checkbox , radiobox, textarea 등 초기화 하기.  (0) 2011.02.25
Posted by LucidasH

2011. 2. 25. 09:43 프로그래밍/JavaScript

각종 input, checkbox , radiobox, textarea 등 초기화 하기.


 <script type="text/javascript">

 function clearForm(formIdent) {
  var formname = formIdent;
  var inp = document.getElementsByTagName('input');
  
  for(var i = 0; i < inp.length; i++) {
   if(inp[i].type == 'text') {
    inp[i].value = '';
   }

   if(inp[i].type =='checkbox' )
    inp[i].checked = false;   
  }

  var inp = document.getElementsByName('wr_33');

  inp[0].checked = true;
  inp[1].checked = false;

  var inp = document.getElementsByTagName('textarea');
  for (var i=0;i<inp.length;i++)
  {
   inp[i].value ='';
  }


  document.listsearch.submit();
 }</script>



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

이렇게 하자.

'프로그래밍 > JavaScript' 카테고리의 다른 글

Input에 숫자만 입력할 수 있도록  (0) 2011.11.23
javascript로 숫자 validation  (0) 2011.11.15
javascript로 버튼에 print 링크 다는 방법!  (1) 2011.03.08
팝업창에서 부모창으로 form data 전송  (1) 2011.03.03
Radio, Checkbox 클릭 여부에 따라 input text , textarea 등 disabled 시키기.  (1) 2011.02.25
Posted by LucidasH
이전버튼 1 이전버튼
블로그 이미지
LucidasH

공지사항

Yesterday
Today
Total

달력

 « |  » 2025.1
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31

최근에 올라온 글

최근에 달린 댓글

글 보관함

티스토리툴바