将输入字段限制为一个小数点和两个小数位

时间:2013-03-06 16:21:10

标签: javascript

我有一个输入字段,限制为6个字符。如何验证我的输入字段,以便用户不能放置多个小数点(即19..12),加上它只能是两位小数(即19.123)?

这是我的输入字段

<input type="text" name="amount" id="amount" maxlength="6" autocomplete="off"/><span class="paymentalert" style="color:red;"></span>

这是我的验证脚本。

$(function(){
$("#amount").keypress( function(e) {
    var chr = String.fromCharCode(e.which);
    if (".1234567890NOABC".indexOf(chr) < 0)
        return false;
});
});

$("#amount").blur(function() {
    var amount = parseFloat($(this).val());
    if (amount) {
        if (amount < 40 || amount > 200) {
            $("span.paymentalert").html("Your payment must be between £40 and £200");
        } else {
            $("span.paymentalert").html("");
        }
    } else {
        $("span.paymentalert").html("Your payment must be a number");
    }
});

约拿

3 个答案:

答案 0 :(得分:3)

这应该做:

var ok = /^\d*\.?\d{0,2}$/.test(input);

(如果我正确地理解你不想在点之后超过2位数)

因此代码将是:

$("#amount").blur(function() {
    var input = $(this).val();
    if (/^\d*\.?\d{0,2}$/.test(input)) {
        var amount = parseFloat(input);
        if (amount < 40 || amount > 200) {
            $("span.paymentalert").html("Your payment must be between £40 and £200");
        } else {
            $("span.paymentalert").html("");
        }
    } else {
        $("span.paymentalert").html("Your payment must be a number");
    }
});

答案 1 :(得分:2)

假设:

  1. 小数点后必须有2位数字,
  2. 小数点前必须至少有2位数字,但不得超过3位数
  3. 您用来匹配它的代码是:

    var value = $(this).val;
    value.match(/^\d{2,3}(\.\d{2})?$/i);
    

答案 2 :(得分:1)

如果你将Masked Input Plugin用于jQuery会更容易。