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

5057 단어 js디지털 입력 상자
원문 이 이미 잘 소개 되 었 기 때문에,지금 은 단지 번역 과 작은 보충 일 뿐이다.예
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head> 
<title>Demo</title> 
<script type="text/javascript" src="jquery-1.2.6.min.js"></script> 
<script type="text/javascript" src="autoNumeric.js"></script> 
<script type="text/javascript"> 
jQuery(function($) { 
$(':text').focus(function(){ 
$(':text').autoNumeric(); 
}); 
}); 

var change = function(){ 
//Change the rule. 
$(":text[id$='text1']").attr('alt','p2c3p0s'); 
//Clear the text 
$(":text[id$='text1']").val(''); 
$("span[id$='lblrule']").text('  :99(   0-99)'); 
} 

var show = function(){ 
//format the text2 and 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)); 
} 
</script> 
</head> 
<body> 
<table> 
<tr> 
<td> 
<span id='lblrule' >  :9999.99(   0-9999.99)(    alt  ):&nbsp;&nbsp;</span> 
</td> 
<td> 
<input id="text1" value="" type="text" style="TEXT-ALIGN: right" alt="p4c3p2s" size="25" /> 
<input type="button" value='     ' onclick="show();" /> 
<input type="button" value='    ' onclick="change();"/> 
</td> 
</tr> 
<tr> 
<td> 
<span id='lbl1' >  Strip()       , '1,123'  '1123'(           ):&nbsp;&nbsp;</span> 
</td> 
<td> 
<input id="text2" value="" type="text" style="TEXT-ALIGN: right" readonly="readonly" alt="p4c3p0S" size="25" /> 
</td> 
</tr> 
<tr> 
<td> 
<span id='lbl2' >     ,           , '5.6'  '6'(           ):&nbsp;&nbsp;</span> 
</td> 
<td> 
<input id="text3" value="" type="text" style="TEXT-ALIGN: right" readonly="readonly" alt="p4c3p0S" size="25" /> 
</td> 
</tr> 
</table> 
</body> 
</html>
이 plugin 의 특성:숫자,소수 구분자(소수점 포함),마이너스 만 입력 할 수 있 습 니 다.같은 페이지 에 있 는 모든 text input 의 서로 다른 입력 형식 을 지원 합 니 다.즉,페이지 에 있 는 모든 입력 상자 에 대해 사용자 정의 설정 을 할 수 있 습 니 다.9 가지 서로 다른 숫자 수정 규칙(즉 반올림)은 정수 와 소수 에 대해 최대 값 을 설정 할 수 있 습 니 다.최소 값(좋 습 니 다).입력 값 은 양수 일 수도 있 고 양수 일 수도 있 습 니 다.소수 와 0 일 수도 있 고 전도 부 호 는 0 일 수도 있 습 니 다.단,"900"을 입력 했 을 때"9"를 삭제 하면 00 을 유지 합 니 다.붙 여 넣 기 를 지원 하지만 붙 여 넣 을 때"0.00"이 됩 니 다.공공 방법 Strip()은 포맷 을 제거 할 수 있 습 니 다.공공 방법 Format()은 필요 한 값 을 포맷 할 수 있 습 니 다.alt 속성 에 대한 설정:alt 에는 모두 7 개의 문자 가 있 습 니 다.각각 7 개의 포맷 속성 을 대표 합 니 다.첫 번 째:값 은'p'(정수 만 입력 가능)또는'n'(양음 모두 입력 가능)두 번 째:값 은 0-9 입 니 다.소수점 구분자 왼쪽 의 자릿수 를 나 타 냅 니 다.숫자 그룹 으로 나 누 는 숫자 개수(예 를 들 어'3'의 경우'123,123','4'의 경우'12,3123','2'의 경우 인도 쪽 에 이런 분 법 이 있 는 것 같 습 니 다.원문 작성 자가 쓴 것 을 보 세 요)다섯 번 째:소수점 구분자 입 니 다.값 은 c(쉼표)와 p(마침표)가 있 고 p 는 기본 입 니 다.여섯 번 째:소수점 개수:소수점 을 입력 할 수 없습니다.다시 말 하면 정수-9:소수 자릿수(기본 값 은 2,마침표)만 입력 할 수 있 습 니 다.예 를 들 어'1.23')a-Z:대소 문 자 를 포함 하여 id 가'p[a-Z'인 숫자 입력 상 자 를 찾 고 그 안에 있 는 숫자 를 소수 자릿수 로 합 니 다.즉,소수 자릿수 를 동적 으로 수정 할 수 있 습 니 다.일곱 번 째:9 가지 서로 다른 숫자 수정 규칙 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
django 학습 의 ajax post 참조 2 가지 형식 인 스 턴 스
jquery ajax 가 폼 데 이 터 를 제출 하 는 두 가지 방식

좋은 웹페이지 즐겨찾기

개발자 우수 사이트 수집

개발자가 알아야 할 필수 사이트 100선 추천 우리는 당신을 위해 100개의 자주 사용하는 개발자 학습 사이트를 정리했습니다
best100-homepage