j의 우당탕탕 프로그래밍

여러 페이지 화면을 개발하다보면 특정 형식의 문자만 입력받아야 하는 경우가 종종 있다. 이번 포스팅은 "input"태그에서 사용 가능한 공통 function을 정리해보려고 한다 ! 1. 숫자만 입력 // function 선언 $(document).on('input', 'input:text[numberOnly]', function(){ $(this).val( $(this).val().replace(/[^0-9]/g,"") ); }); // 사용시 2. 소수점 2자리까지만 입력 // function 선언 $(document).on('input', 'input:text[floatOnly]', function(){ let comma; let $val = $(this).val(); if($val.indexOf('..

휴대폰, 날짜 등과 같은 데이터를 화면에서 보여줄 때, 포맷팅이 필요한 경우가 있다. 1. 휴대폰 번호 Dash(-) 넣기 String.replace(/^(\d{2,3})(\d{3,4})(\d{4})$/, `$1-$2-$3`); 2. yyyymmdd 형식 날짜에 Dash(-) 넣기 String.replace(/(\d{4})(\d{2})(\d{2})/g, '$1-$2-$3'); 3. input태그에 특정 값(숫자만, 한글만, ...) 넣을 수 있도록 이벤트 주기 //1. 숫자만 입력가능 //1-1. jsp에 숫자만 입력 가능한 공통이벤트 $(document).on('input', 'input:text[numberOnly]', function(){ $(this).val( $(this).val().replac..