JS を使用して入力数値を検証し、小数点を保持する方法

今回は、JSを使用して入力数値の検証と小数点以下を保持する機能を実装する方法と、JSを使用して入力数値の検証と小数点以下を保持する機能を実装するときの注意事項について説明します。 . ここで実際のケースを見てみましょう。

1. 検証メソッド validationNumber(e, num) e はラベルオブジェクトを表し、num は保持する小数点以下の桁数を表します

function validationNumber(e, num) {
      var regu = /^[0-9]+\.?[0-9]*$/;
      if (e.value != "") {
        if (!regu.test(e.value)) {
          alert("请输入正确的数字");
          e.value = e.value.substring(0, e.value.length - 1);
          e.focus();
        } else {
          if (num == 0) {
            if (e.value.indexOf('.') > -1) {
              e.value = e.value.substring(0, e.value.length - 1);
              e.focus();
            }
          }
          if (e.value.indexOf('.') > -1) {
            if (e.value.split('.')[1].length > num) {
              e.value = e.value.substring(0, e.value.length - 1);
              e.focus();
            }
          }
        }
      }
    }

3. 小数点以下 1 桁を保持します

<asp:TextBox ID="txtNg" name="txtNg" runat="server" Height="16px" Width="98px" Font-Size="9pt"
   CssClass="EditTextBox" onpropertychange="validationNumber(this,0)"></asp:TextBox>

4.小数点以下 2 桁

<asp:TextBox ID="txtChglinecost" name="txtChglinecost" runat="server" Height="16px" Width="98px" Font-Size="9pt" 
   CssClass="EditTextBox" onpropertychange="validationNumber(this,1)"></asp:TextBox>

5. 小数点以下 3 桁を維持します

メソッドの 2 番目のパラメータを 3 に変更するだけです。

validationNumber(this,3) 小数点以下 4 桁を保持する、小数点以下 5 桁を保持する、など...

この記事のケースを読んだ後は、この方法を習得したと思います。さらに興味深い情報については、PHP に関する他の関連記事に注目してください。中国語のサイトです！

推奨読書:

ファジークエリのJQuery実装の実践的なケース分析

非同期/待機の無駄なパフォーマンスの問題に対処する方法

以上がJS を使用して入力数値を検証し、小数点を保持する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。