使用jquery只允许2个小数点输入文本框？

Question

使用jquery在文本框中输入数字时只允许2个小数点。

请建议任何正则表达式在文本框中只允许两位小数。

我尝试过以下代码。

$("#amountId").val().replace (/(\.\d\d)\d+|([\d.]*)[^\d.]/, '$1$2');

Answer 1

你可以在没有正则表达式的情况下完成：

var dec = parseFloat($("#amountId").val(),10).toFixed(2);

Answer 2

<强> HTML：

<input type="text" class="maskedExt" maskedFormat="3,2" />
 maskedFormat="number count before decimal point, number count after decimal point"

<强>脚本：

$(document).ready(function () {
    $('body').on('keyup', '.maskedExt', function () {
        var num = $(this).attr("maskedFormat").toString().split(',');
        var regex = new RegExp("^\\d{0," + num[0] + "}(\\.\\d{0," + num[1] + "})?$");
        if (!regex.test(this.value)) {
            this.value = this.value.substring(0, this.value.length - 1);
        }
    });
});

Answer 3

我只是使用正则表达式进行测试来学习它。但我建议采用烘焙方案。

<input id="txtId" type="text"></input>

---

var txt = document.getElementById('txtId');
txt.addEventListener('keyup', myFunc);

function myFunc(e) {
    var val = this.value;
    var re = /^([0-9]+[\.]?[0-9]?[0-9]?|[0-9]+)$/g;
    var re1 = /^([0-9]+[\.]?[0-9]?[0-9]?|[0-9]+)/g;
    if (re.test(val)) {
        //do something here

    } else {
        val = re1.exec(val);
        if (val) {
            this.value = val[0];
        } else {
            this.value = "";
        }
    }
}

Working Fiddle

Answer 4

function checkDecimal(el){
 var ex = /^[0-9]+\.?[0-9]*$/;
  if(ex.test(el.value)==false){
   el.value = el.value.substring(0,el.value.length - 1);
  }
}

Answer 5

另一种有效的解决方案

HTML

<input type="text" id="myTextBox" class="two-decimals">

的jQuery

$(".two-decimals").on("keypress", function (evt) {
        var $txtBox = $(this);
        var charCode = (evt.which) ? evt.which : evt.keyCode
        if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 46)
            return false;
        else {
            var len = $txtBox.val().length;
            var index = $txtBox.val().indexOf('.');
            if (index > 0 && charCode == 46) {
              return false;
            }
            if (index > 0) {
                var charAfterdot = (len + 1) - index;
                if (charAfterdot > 3) {
                    return false;
                }
            }
        }
        return $txtBox; //for chaining
    });