js数値入力ボックス(最大値・最小値制限・四捨五入含む)_javascriptスキル

原文は非常によく紹介されているので、今はいくつかの翻訳と少しの追加だけです。 例

コードをコピー コードは次のとおりです: デモ スクリプトタイプ = "text/javascript"> jQuery(function($) { $(':text').focus(function(){ $(':text').autoNumeric( ); }); });

var change = 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)); 🎜> 形式: 9999.99 (範囲 0 ～ 9999.99)動的変更 alt 属性): &lt ; input type="button" value='属性の変更' onclick="change();"/> &lt ;td> Strip() メソッドを使用して、「1,123」が「1123」になります (最初のテキスト ボックスの内容のみが表示されます)。 数値の書式設定。ここで行われるのは丸めです。たとえば、「5.6」は「6」になります (最初のテキスト ボックスの内容のみが表示されます):

このプラグインの特徴:

。同じページ内の各テキスト入力に対して、数字、小数点記号 (小数点を含む)、および負号のみを入力できます。つまり、ページ上の各入力ボックスは、9 つの異なる数値の丸めルール (つまり、四捨五入されるもの) をカスタマイズできます。それぞれ (非常に便利) 。入力値は正の数値のみ、または小数点とゼロのみの場合は先頭の文字をゼロにすることができます。ただし、入力数値が「900」の場合は、「9」を削除すると00が残ります。 の貼り付けをサポートしますが、テキストを貼り付ける場合は、 になります。 の形式を削除できます。

というパブリック メソッドで、必要な値を書式設定できます。

alt には合計 7 文字が含まれます。これらは 7 つの書式設定属性を表します: 最初の属性: 値は 'p' (正の数値のみ入力可能) または 'n' (正の数値と負の数値の両方を入力可能) です 2 番目の属性: 値はそれぞれ 0 ～ 9 です。 小数点の左側の桁数を表します (「0」の場合、15 桁の整数を入力できます) 3 番目: 数値のグループ化の区切り文字として使用されます。 (1000 分の 1 などに使用される区切り文字) a: 一重引用符またはアポストロフィ (タイミングと角度に使用可能) c: カンマ (デフォルト) p: ピリオド (次の場合は競合します)小数点区切り文字もピリオドです) s: スペース記号 x: なし 4 番目: 値は 2、3 (デフォルト)、4、数値のグループ化に使用される数値の数です (たとえば、'3' は '123,123'、'4' は '12' ,3123'、'2' はインドでの割り算のようです。原著者を参照) 5 番目: 小数値は c (カンマ) と p (ピリオド) で、p がデフォルトです。 6 番目: 小数点以下の桁数 : 小数点は入力できません。つまり、整数のみを入力できます。 -9: 小数点以下の桁数 (デフォルトは 2、たとえば '1.23' ) a-Z: 大文字と小文字を含めて、数値入力ボックスを検索します。 ID 'dp[a-Z]' を指定し、その中の数値を小数点以下の桁数として使用します。これは、小数点以下の桁数を動的に変更できることを意味します。 7 番目: 9 つの異なる数値の丸めルール S = Round-Half。 -上対称 (デフォルト、一般に丸めに使用されます) A = 四捨五入、非対称 s = 四捨五入 -半下対称 a = 四捨五入、非対称 B = 丸め-半偶数「バンカーズ四捨五入」 (バンカーズアルゴリズム? 決して使用されません) U = 「ゼロからの四捨五入」 (最大の整数にこれを使用します。もちろん、これは単なる整数のカテゴリではありません)小数点以下の精度も可能です) D = 四捨五入「ゼロ方向への四捨五入」(最小の整数にはこれを使用します) C = 天井までの四捨五入「正の無限大への四捨五入」 F = 下限への四捨五入「マイナスの無限大に向かって」

この数値の丸めルールに関する英語の記事がありますので、参照してください。

http://www.diycalculator.com/popup-m-round.shtml フィーチャーの貼り付けやデジタル丸めの例もいくつかありますが、一つ一つ紹介しません。興味のある方は著者の原文を読んでみてください。 このような優れた Jquery プラグインを提供してくださった作者に感謝します。 テスト コードのパッケージ化 http://xiazai.jb51.net/200911/yuanma/numeric-demo.rar