> 웹 프론트엔드 > JS 튜토리얼 > js 숫자 입력 상자(최대 및 최소값 제한 및 반올림 포함)_javascript 기술

js 숫자 입력 상자(최대 및 최소값 제한 및 반올림 포함)_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:41:17
원래의
2227명이 탐색했습니다.

원문 소개가 너무 잘 되어 있어서 지금은 약간의 번역과 약간의 추가만 있을 뿐입니다.
예제

코드 복사 코드는 다음과 같습니다.




데모

스크립트 유형= "text/javascript">
jQuery(function($) {
$(':text').focus(function(){
$(':text').autoNumeric( );
});
});

varchange = function(){
//규칙을 변경합니다.
$(":text[id$='text1 ']" ).attr('alt','p2c3p0s');
//텍스트 지우기
$(":text[id$='text1']").val('');
$ ("span[id$='lblrule']").text('형식: 99 (범위는 0-99)')
}

var show = function(){
//text2와 text3의 형식을 지정합니다.
var ConvertInput = $.fn.autoNumeric.Strip($(":text[id$='text1']").attr("id")); 🎜>$ (":text[id$='text2']").val(convertInput)
$(":text[id$='text3']").val($.fn.autoNumeric. Format($ (":text[id$='text3']").attr("id"), ConvertInput))
}
🎜>< ;body>


< ;td>
'1,123'이 '1123'이 되는 형식을 제거하려면 Strip() 메서드를 사용하세요(첫 번째 텍스트 상자의 내용만 표시됨).






형식: 9999.99(범위 0-9999.99) 동적 수정 대체 속성):



< ; 입력 유형="버튼" 값='속성 변경' onclick="change();"/>

숫자 형식 지정, 여기서 수행되는 작업은 반올림입니다. 예를 들어 '5.6'은 '6'이 됩니다(첫 번째 텍스트 상자의 내용만 표시됨). >






이 플러그인의 기능:

. 동일한 페이지에 입력되는 텍스트마다 숫자, 소수점 구분 기호(소수점 포함)만 입력할 수 있습니다. 즉, 페이지의 각 입력 상자를 사용자 정의할 수 있습니다.
9개의 다른 숫자 반올림 규칙(즉, 반올림된 규칙)
은 정수와 소수에 대해 최대값과 최소값을 설정할 수 있습니다. 각각 (매우 유용함)
입력 값은 양수 또는 음수만 가능합니다.
. 소수와 0만 있는 경우 선행 문자는 0이 될 수 있습니다. 단, 입력 숫자가 "900"이면 "9"를 삭제하면 00이 유지됩니다.
붙여넣기를 지원하지만 텍스트를 붙여넣으면
이 됩니다.
형식을 제거할 수 있습니다. 공개 메소드 Format()은 필수 값의 형식을 지정할 수 있습니다.

alt 속성의 설정에 대해:

alt에는 총 7자가 있습니다. 7가지 서식 속성을 나타냅니다.
첫 번째 값: 'p'(양수만 입력 가능) 또는 'n'(양수와 음수 모두 입력 가능)
두 번째 값: 값 는 각각 0~9로 소수 구분 기호 왼쪽의 자릿수를 나타냅니다. ('0'인 경우 15자리 정수를 입력할 수 있습니다.)
세 번째 : 숫자 그룹화를 위한 구분 기호로 사용됩니다. (천분의 일 등에 사용되는 구분 기호)
a: 작은따옴표 또는 아포스트로피(타이밍 및 각도에 사용할 수 있음)
c: 쉼표(기본값)
p: 마침표(다음과 같은 경우 충돌이 발생함) 소수점 구분 기호도 마침표임)
s: 공백 표시
x: 없음
네 번째 값: 값은 2, 3(기본값), 4, 숫자 그룹화에 사용되는 숫자의 개수(예: 예를 들어 '3'은 '123,123'이고, '4'는 '12', 3123','2'가 인도에서는 나누는 방식인 것 같습니다. 원저자 참조)
다섯번째 : 십진수 값은 c(쉼표)와 p(마침표)이며, p가 기본값입니다.
여섯 번째: 소수점 이하 자릿수
: 소수점은 입력할 수 없습니다. 즉, 정수만 입력할 수 있습니다.
-9: 소수점 이하 자릿수(기본값은 2, 예: '1.23' )
a-Z: 대소문자를 포함하여 숫자 입력창을 찾습니다. ID 'dp[a-Z]'이고 내부 숫자를 소수점 이하 자릿수로 사용합니다. 이는 소수점 이하 자릿수가 동적으로 수정될 수 있음을 의미합니다.
일곱 번째: 9가지 다른 숫자 반올림 규칙
S = 반올림 -Up Symmetric (기본값, 일반적으로 반올림에 사용됨)
A = Round-Half-Up Asymmetric
s = Round -Half-Down Symmetric
a = Round-Half-Down Asymmetric
B = Round -Half-Even "Bankers Rounding"(Bankers Algorithm? 전혀 사용되지 않음)
U = Round Up "Round-Away -From-Zero"(가장 큰 정수에 사용합니다. 물론 이는 단순한 정수 범주가 아닙니다. 소수점 이하 자릿수까지 정확할 수 있음)
D = "0으로 반올림"(가장 작은 정수에 사용)
C = 천장으로 반올림 "양의 무한대를 향하여"
F = 바닥으로 반올림 "음의 무한대를 향하여"

이 숫자 반올림 규칙에 대한 영어 기사를 참고할 수 있습니다.
하나하나 소개하지 못한 붙여넣기 기능과 디지털 반올림의 예시도 있습니다. 관심 있는 분들은 저자의 원문을 읽어보시면 됩니다.
이렇게 좋은 Jquery 플러그인을 제공해 주신 작성자님께 진심으로 감사드립니다.
테스트 코드 패키징
http://xiazai.jb51.net/200911/yuanma/numeric-demo.rar
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿