输入以仅获取具有两个小数位的数字

时间:2013-06-25 07:27:35

标签: javascript jquery html validation

目前我使用以下jQuery代码仅过滤数字:

$('#input_field').keyup(function(e) {
    if (/\D/g.test(this.value)) {
        this.value = this.value.replace(/\D/g, '');
    }
});

但我希望得到浮点数(最多2位小数),如下所示:

10.2
1.23
1000.10

5 个答案:

答案 0 :(得分:9)

试试这个正则表达式:

/^\d+(\.\d{0,2})?$/

你的JS:

$('#input_field').keyup(function(e) {
    var regex = /^\d+(\.\d{0,2})?$/g;
    if (!regex.test(this.value)) {
        this.value = '';
    }
});

答案 1 :(得分:3)

尝试

toFixed(2)

例如:

var number = 2.234239;
var numberfixed=number.toFixed(2); 

答案 2 :(得分:3)

我认为你必须使用输入间隔,因为keyup是快速的,正则表达式不会批准这样的事情0.

var typingTimer; 

var doneTypingInterval = 1000;
$('.myInputField').keyup(function(){
    clearTimeout(typingTimer);
    if ($('.myInputField').val) {
        typingTimer = setTimeout(doneTyping, doneTypingInterval);
    }
});

function doneTyping () {
  var vale = $('.myInputField').val();
  var regexTest = /^\d+(?:\.\d\d?)?$/;
  var ok = regexTest.test(vale);
  if(!ok){
      $('.myInputField').val('');
  }
}

http://jsfiddle.net/jWbsE/

答案 3 :(得分:1)

您需要更改用于测试值的正则表达式。

/^\D+(\.\D\D?)?$/

这将允许数字没有小数点,或小数点和后面的一个或两个数字。

答案 4 :(得分:0)

var dot = fVal.split(".");
    var len0 = 0;
    var len1 = 0;
    if (dot.length == 2) {

        len0 = dot[0].length;
        len1 = dot[1].length;
    } else if (dot.length > 2)
        len1 = 3;
    else
        len1 = 0;
    var fValFlt = parseFloat(fVal);
    var fValN = isNaN(fVal);

    if ((len1 > 2) || fValN == true || fValFlt < 0) {
        //failure arguments
    } else {
        //success arguments
    }

在上面的代码中, fVal 是您可能要检查的字段值。