0

我有一个限制为 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");
    }
});

约拿

4

3 回答 3

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");
    }
});
于 2013-03-06T16:25:47.207 回答
2

假如说：

  1. 小数点后必须有 2 位数字，并且
  2. 小数点前必须至少有 2 位，但不能超过 3 位

您将用来匹配它的代码是：

var value = $(this).val;
value.match(/^\d{2,3}(\.\d{2})?$/i);
于 2013-03-06T16:32:26.943 回答
1

如果您使用jQuery的Masked Input Plugin会容易得多。

于 2013-03-06T16:27:05.620 回答