• 회원가입
  • 로그인
  • 구글아이디로 로그인

[js] JS - 최대 입력 가능한 (문자열/숫자) 길이/개수 설정 ※ 음수 부호는 카운트에서 제외

최대 입력 가능한 (문자열/숫자) 길이 설정

 

<input id="hz">


<script>

total = 5;

hz.onpaste = () => {

    alert("붙여넣기 금지");

    return false;

}

hz.onkeyup = () => {

    if (hz.value.replaceAll("-", "").length > total) hz.value = hz.value.slice(0, hz.value.length - 1);

}

</script>

 

결과보기

비타주리 님 (221223) https://sir.kr/qa/484105

PS1. (영문/숫자) 경우엔 잘 작동하나, 한글 경우엔 제대로 작동 X

PS2. jQuery 경우, https://homzzang.com/b/jquery-135


분류 제목
js JS - list 속성 - INPUT 텍스트 필드에 입력 가능한 datalis(데이터리스트)t에 대한 참조 …
js JS - maxLength 속성 ★ - INPUT 입력 가능 최대 글자수 설정/반환 (= maxLength속…
js JS - name 속성 - INPUT 텍스트 필드의 네임 설정/반환 (= name속성 = 네임속성) ※ 인풋…
js JS - pattern 속성 - INPUT 텍스트 정규식패턴 설정/반환 (= pattern속성 = 패턴속성)…
js JS - placeholder 속성 - INPUT 텍스트 플레이스홀더 설정/반환 (= placeholder속…
js JS - readOnly 속성 - INPUT 텍스트 읽기전용 설정/반환 (= readOnly속성 = 리드온리…
js JS - required 속성 - INPUT 텍스트 필수입력 여부 설정/반환 (= required속성 = 리…
js JS - size 속성 - INPUT 텍스트 size 속성 설정/반환 (= size속성 = 사이즈속성) ※ …
js JS - type 속성 - INPUT 텍스트 타입 반환 (= type속성 = 타입속성)
js JS - value 속성 ★ - INPUT 텍스트 필드의 value 속성값 설정/반환 (= value속성 =…
js JS - 스크롤 시, 로고이미지 변경 (Scroll logo image change)
js JS - 각 숫자번호 클릭 시, 해당 번호 얼럿창(팝업)으로 띄우기
js JS - 특정 클래스 갖는 자식요소의 부모요소에 사용자 지정 클래스 추가
js JS - 이전페이지로 이동 시 기존 스크롤위치로 이동 (JavaScript vs. jQuery 코드 비교)
js JS - 첨부파일 텍스트 내용 읽기(=얻기/가져오기/불러오기/출력) (※ 한글깨짐 방지코드 추가)
js JS - 숫자를 한글로 읽기/변환
js JS - 숫자 천자리 표시 기호 쉼표(콤마) 제거 함수 (= getInt함수 = 겟인트함수)
js JS - 랜덤이미지 (= 랜덤배너)
js JS - 텍스트 첫글자만 글자색 변경 (= 맨앞글자 색상 변경)
js JS - 자바스크립트 성능 향상 위한 코드 작성법 (= JavaScript Performance)
3/4
목록
찾아주셔서 감사합니다. Since 2012