js数字入力ボックス(最大値最小値制限と四捨五入を含む)
4080 ワード
原文がよく紹介されていますので、今は通訳と小補充だけです.
例
数字、小数点(小数点を含む)、マイナス記号のみ入力できます.
同じページでtext inputごとに異なる入力フォーマットをサポートします.つまり、ページ上の入力枠ごとにカスタマイズできます.
9つの異なる数字の契約規則(四捨五入のことです.)
整数と小数に対しては最大値、最小値をそれぞれ設定できます.
入力値は正数だけでもいいし、正負数もいいです.
小数とゼロのみの場合、プリアンブルはゼロとなります.ただし、入力数が900の場合、「9」を削除すると00を保留します.
貼り付けはサポートされていますが、文字を貼り付けると「0.00」になります.
公共の方法Strip()はフォーマットを削除することができます.
共通の方法Format()は必要な値をフォーマットすることができます.
alt属性の設定について:
altには全部で7文字があります.それぞれ7つのフォーマット属性を表しています.
最初の値は'p'(正の値のみ入力できます)か'n'(正の負は全部入力できます)です.
第二番目:値は0-9で、それぞれ小数点の区切り記号の左の桁数を表します.(「0」の場合は15桁の整数を入力できます.)
3番目:デジタルグループの区切り記号(千単位などの区切り記号)
a:シングルクォーテーションまたはニックネーム(時間と角度の時に使用できます.)
c:コンマ(標準)
p:ピリオド(小数点の区切りもピリオドであれば衝突します)
s:スペース記号
x:なし
第四:値は2,3(デフォルト)、4、デジタルパケットとして使用する数字の個数(例えば'3'の場合は'123,123'、'4'の場合は'12,3123'、'2'の場合はインド側にこのような分け方があるようです.原文を見て著者が書いています.)
第五番目:小数点のセパレータ.値はc(コンマ)とp(ピリオド)で、pはデフォルトです.
6番目:小数位の個数
:小数を入力してはいけません.つまり整数だけ入力できます.
-9:小数点以下の桁数(標準では'1.23')
a-Z:大文字と小文字を含み、idが'dp[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 Celing「Toward Positive Infinity」
F=Round to Flor「Toward Negative Infinity」
この数字のルールについては英語の文章がありますので、参考にしてください.
http://www.diycalculator.com/popup-m-round.shtml
貼り付けの特性やデジタル修約に関するいくつかの例も紹介されていません.興味のある人は著者の原文を読んでみてください.
このような素晴らしいJquery pluginを提供してくれてありがとうございます.
テストコードのパッケージ化http://xiazai.jb51.net/200911/yuanma/numeric-demo.rar
例
Demo
<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つの異なる数字の契約規則(四捨五入のことです.)
整数と小数に対しては最大値、最小値をそれぞれ設定できます.
入力値は正数だけでもいいし、正負数もいいです.
小数とゼロのみの場合、プリアンブルはゼロとなります.ただし、入力数が900の場合、「9」を削除すると00を保留します.
貼り付けはサポートされていますが、文字を貼り付けると「0.00」になります.
公共の方法Strip()はフォーマットを削除することができます.
共通の方法Format()は必要な値をフォーマットすることができます.
alt属性の設定について:
altには全部で7文字があります.それぞれ7つのフォーマット属性を表しています.
最初の値は'p'(正の値のみ入力できます)か'n'(正の負は全部入力できます)です.
第二番目:値は0-9で、それぞれ小数点の区切り記号の左の桁数を表します.(「0」の場合は15桁の整数を入力できます.)
3番目:デジタルグループの区切り記号(千単位などの区切り記号)
a:シングルクォーテーションまたはニックネーム(時間と角度の時に使用できます.)
c:コンマ(標準)
p:ピリオド(小数点の区切りもピリオドであれば衝突します)
s:スペース記号
x:なし
第四:値は2,3(デフォルト)、4、デジタルパケットとして使用する数字の個数(例えば'3'の場合は'123,123'、'4'の場合は'12,3123'、'2'の場合はインド側にこのような分け方があるようです.原文を見て著者が書いています.)
第五番目:小数点のセパレータ.値はc(コンマ)とp(ピリオド)で、pはデフォルトです.
6番目:小数位の個数
:小数を入力してはいけません.つまり整数だけ入力できます.
-9:小数点以下の桁数(標準では'1.23')
a-Z:大文字と小文字を含み、idが'dp[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 Celing「Toward Positive Infinity」
F=Round to Flor「Toward Negative Infinity」
この数字のルールについては英語の文章がありますので、参考にしてください.
http://www.diycalculator.com/popup-m-round.shtml
貼り付けの特性やデジタル修約に関するいくつかの例も紹介されていません.興味のある人は著者の原文を読んでみてください.
このような素晴らしいJquery pluginを提供してくれてありがとうございます.
テストコードのパッケージ化http://xiazai.jb51.net/200911/yuanma/numeric-demo.rar