js 디지털 입력 상자 (최대 값 최소 값 제한 과 반올림 포함)

원문 이 이미 잘 소개 되 었 기 때문에, 지금 은 단지 번역 과 작은 보충 일 뿐이다.
예시

 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  <br>jQuery(function($) { 
  <br>$(':text').focus(function(){ 
  <br>$(':text').autoNumeric(); 
  <br>}); 
  <br>}); 
  <br> 
  <br>var change = function(){ 
  <br>//Change the rule. 
  <br>$(":text[id$='text1']").attr('alt','p2c3p0s'); 
  <br>//Clear the text 
  <br>$(":text[id$='text1']").val(''); 
  <br>$("span[id$='lblrule']").text('  :99(   0-99)'); 
  <br>} 
  <br> 
  <br>var show = function(){ 
  <br>//format the text2 and text3. 
  <br>var convertInput = $.fn.autoNumeric.Strip($(":text[id$='text1']").attr("id")); 
  <br>$(":text[id$='text2']").val(convertInput); 
  <br>$(":text[id$='text3']").val($.fn.autoNumeric.Format($(":text[id$='text3']").attr("id"), convertInput)); 
  <br>} 
  <br> 
  
 
  
 
  













 
  
 
  
 
  
  :9999.99(   0-9999.99)(    alt  ):   
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
  Strip()       , '1,123'  '1123'(           ):   
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
     ,           , '5.6'  '6'(           ):   
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
  
 
 

이 plugin 의 특성:
. 숫자, 소수 구분자 (소수점 포함), 마이너스 만 입력 할 수 있 습 니 다.
. 같은 페이지 에 있 는 모든 text input 의 다른 입력 형식 을 지원 합 니 다. 즉, 페이지 에 있 는 모든 입력 상자 에 대해 사용자 정의 설정 을 할 수 있 습 니 다.
. 9 가지 서로 다른 숫자 수정 규칙 (바로 반올림)
. 정수 와 소수 에 대해 최대 치, 최소 치 를 각각 설정 할 수 있 습 니 다 (좋 습 니 다)
. 입력 값 은 양수 일 수도 있 고 양수 일 수도 있다.
. 소수 와 0 만 있 고 전도 부 호 는 0 일 수 있 습 니 다.그러나 입력 수가 '900' 일 경우 '9' 를 삭제 하면 00 을 유지 합 니 다.
. 붙 여 넣 기 를 지원 하지만 텍스트 를 붙 일 때 "0.00" 이 됩 니 다.
. 공공 방법 Strip () 은 포맷 을 지 울 수 있 습 니 다.
. 공공 방법 Format () 은 필요 한 값 을 포맷 할 수 있 습 니 다.
alt 속성 에 대한 설정:
alt 에는 모두 7 개의 문자 가 있 는데 각각 7 개의 포맷 속성 을 대표 합 니 다.
첫 번 째: 값 은 'p' (정수 만 입력 가능) 또는 'n' (양음 모두 입력 가능) 입 니 다.
두 번 째: 값 은 0 - 9 로 소수점 구분자 왼쪽 의 자릿수 를 나 타 냅 니 다. ('0' 일 때 15 비트 정 수 를 입력 할 수 있 습 니 다)
세 번 째: 숫자 로 그룹 을 나 누 는 구분자 (천 분 위 등 사용 하 는 구분자)
a: 작은 따옴표 나 따옴표 (시간 과 각도 시 사용 가능)
c: 쉼표 (기본 값)
p: 마침표 (소수점 구분자 도 마침표 가 충돌 할 수 있 습 니 다)
스페이스 바
x: 없 음
네 번 째: 값 은 2, 3 (기본 값), 4, 숫자 로 나 누 는 숫자 개수 (예 를 들 어 '3' 은 '123, 123', '4' 는 '12, 3123', '2' 는 인도 쪽 에 이런 분 법 이 있 는 것 같 습 니 다. 원문 작가 가 쓴 것 을 보 세 요)
다섯 번 째: 소수점 구분자 입 니 다. 값 은 c (쉼표) 와 p (마침표) 가 있 고 p 는 기본 값 입 니 다.
여섯 번 째: 작은 숫자의 개수
: 소 수 를 입력 할 수 없습니다. 즉, 정수 만 입력 할 수 있 습 니 다.
- 9: 소수 자릿수 (기본 값 은 2, 예 를 들 어 '1.23')
a - Z: 대소 문 자 를 포함 하여 id 가 'dp [a - Z' 인 숫자 입력 상 자 를 찾 고 안의 숫자 를 소수 로 합 니 다. 즉, 소수 자릿수 를 동적 으로 수정 할 수 있 습 니 다.
일곱 번 째: 아홉 가지 서로 다른 숫자 수정 규칙
S = Round - Half - Up Symmetric (기본 값 으로 반올림 하면 사용 합 니 다)
A = Round-Half-Up Asymmetric
s = Round-Half-Down Symmetric
a = Round-Half-Down Asymmetric
B = Round - Half - Even "Bankers Rounding" (은행 가 알고리즘? 안 써 봤 어)
U = Round Up "Round - Away - from - Zero" (최대 정수 시 이 걸 쓰 면 당연히 정수 범주 뿐만 아니 라 소수 까지 정확하게 할 수 있 음)
D = Round Down "Round - Toward - Zero" (최소 정수 시 이 걸 로)
C = Round to Ceiling "Toward Positive Infinity"
F = Round to Floor "Toward Negative Infinity"
이 숫자 수정 규칙 에 관 해 영어 문장 이 있 으 니 참고 할 수 있다.
http://www.diycalculator.com/popup-m-round.shtml
붙 여 넣 는 특성 과 디지털 수정 에 관 한 예 도 있 으 니 일일이 소개 하지 않 겠 습 니 다.관심 있 는 것 은 작가 의 원문 에 올 라 가 볼 수 있다.
작가 님 께 서 이렇게 좋 은 Jquery plugin 을 제공 해 주 셔 서 감사합니다.
테스트 코드 패키지http://xiazai.jb51.net/200911/yuanma/numeric-demo.rar