ホームページ  >  記事  >  ウェブフロントエンド  >  JS検証入力は指定された小数を保持します

JS検証入力は指定された小数を保持します

php中世界最好的语言
php中世界最好的语言オリジナル
2018-05-11 15:09:422448ブラウズ

今回は、指定した小数点を保持するための 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 に関する他の関連記事に注目してください。中国語のサイトです!

推奨読書:

vue環境転送パラメータのパッケージ化、異なるドメイン名のコード分析


jsは、フロントエンドとバックエンド間のJsonコードの相互転送を実現します

以上がJS検証入力は指定された小数を保持しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。