[해피CGI][cgimall] 입력 숫자의 개수 제한 - jQuery maxlength.js

- 소개

maxlength.js는 입력 필드의 숫자 자릿수를 제한하고 숫자 값을 자동으로 포맷하는 풍부한 기능을 갖춘 jQuery 플러그인입니다.
데이터 무결성을 보장하고 입력 오류를 최소화하는 데 도움이 될 수 있습니다

- 특징

- 입력 필드에 허용되는 숫자의 개수를 제한합니다.
- 숫자에 천 단위 구분 기호와 반올림된 소수 자릿수를 자동으로 지정합니다.
- 음수 입력에 사용자 정의 색상을 적용합니다.

 

- 라이센스

MIT





- 사용 방법


1. jQuery 뒤에 maxlength.js 플러그인의 최소화된 버전을 포함합니다.

2. 플러그인을 초기화하려면 data-max-length입력 필드에 을 추가하기만 하면 됩니다.

3. 플러그인을 사용자 정의할 수 있는 HTML5 data 속성이 추가되었습니다 .

 

- data-disable-autofill: 분수 자동 채우기를 비활성화합니다.
- data-disable-auto-comma: 쉼표 자동 채우기를 비활성화합니다.
- data-disable-smart-minus: 스마트 마이너스 구성을 비활성화합니다.
- data-disable-init-refresh: 초기 새로 고침을 비활성화합니다.
- data-enable-highlight-minus: 기본 빨간색이나 지정된 16진수 색상으로 음수 값을 강조 표시합니다.
- data-horizontal-align: '왼쪽', '가운데' 또는 '오른쪽'(기본값).
- [data-sum] / [data-product]:  DOM 요소에서 빠른 합계 또는 곱 계산을 활성화합니다.
- [data-difference] / [data-quotient] : DOM 요소에서 빠른 차이 또는 몫 계산을 활성화합니다.
- [data-ceil] / [data-floor] : 자동 계산 함수에서 반올림 방법 변경

4. 또한 여러 입력 필드의 숫자를 합산할 수도 있습니다.

- 작동 화면