개발공부/JAVASCRIPT3 [Javascript] 글자수 체크 요소에 onkeyup 속성을 넣어 실시간 글자수를 체크한다. curLengthObj 변수에 현재 글자수를 보여줄 요소를 넣어 사용한다. Byte와 같이 한글과 특수문자를 다르게 계산하는 로직은 중간에 분기처리하는 부분을 추가해야 한다. 아래 코드는 length 체크만 ,.. /** * 글자수 체크 * onkeyup="checkInputTextLength(this);" * @param obj */ function checkInputTextLength (obj) { let content = $(obj).val(); let curLengthObj = $(obj).siblings('.write-typing').children('.typing-num'); let maxLength = Number($(obj).si.. 2023. 12. 10. [Javascript] input 입력시 숫자/날짜 포맷팅 input에 값을 입력할 때 자동으로 포맷팅 해주는 함수들이다. 사용시 onkeyup이나 oninput 속성을 넣어준다. 1. 숫자포맷 : 4자리수 이상의 숫자를 입력하면 콤마를 붙여준다 2. 전화번호 : 02, 010~019 - 숫자 3자리 혹은 4자리 - 숫자 4자리로 포맷팅해준다 3. 날짜포맷 : 연 4자리, 월 2자리, 일 2자리로 변환한다 (자릿수에 따라 하이픈을 붙여준다) 4. 시간포맷 : 시 2자리 : 분 2자리 : 초 2자리로 변화한다 (날짜 포맷과 같음) // 숫자 포맷 1,234 function inputNumberFormat(obj) { obj.value = obj.value.replace(/[^\d]+/g, '').replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '.. 2023. 12. 10. [Javascript] 프로토타입 활용 보호되어 있는 글 입니다. 2023. 3. 21. 이전 1 다음