Question

我正在尝试对输入文本控件执行验证检查，该控件应该只允许正整数值或最多2位小数的浮点数。

以下是我尝试过的方法的小提琴手：https://jsfiddle.net/99x50s2s/49/

HTML

Enter Price: <input type="text" id="price"/> (Example: 10, 10.50. Do not include $ symbol.)
<br/>
<br/>
<button type="button" id="check1">Check Method 1</button> (Fails when the value is 1.00)
<br/>
<br/>
<button type="button" id="check2">Check Method 2</button> (Passes when the value is 45f)
<br/>
<br/>
<button type="button" id="check3">Check Method 3</button> (Passes when the value is -10)

代码：

var price = $('#price');

$('#check1').on('click', function(){
   var val = $.trim(price.val());
    var num = Number(val);
    if (String(num) === val && num >= 0)
    {
        alert('Valid');
    }
    else
    {
        alert('Invalid');
    }
});

$('#check2').on('click', function(){
   var val = $.trim(price.val()); 
   var num = Number(val);

    if (((typeof num === 'number') && (num % 1 === 0)) || parseFloat(val))
    {
        alert('Valid');
    }
    else
    {
        alert('Invalid');
    }
});

$('#check3').on('click', function(){
   var val = $.trim(price.val());  

    if ($.isNumeric(val))
    {
        alert('Valid');
    }
    else
    {
        alert('Invalid');
    }
});

期望：

应传递的值为正数，浮点数最多为2位小数。（例10,10.50）

我查看了stackoverflow中的各种答案，但与我的期望不符。任何帮助表示赞赏。

Answer 1

你真正想要的是价值与模式匹配，而不是它的价值。为此，您最好使用正则表达式。具体来说，这应该抓住你正在寻找的价值：

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

那说：

从值（^）
匹配1个或多个数字（\d+）
后跟一个小数点选项和一个或两个数字（(\.\d{1,2})?）
并且在值（$）

这应该强制执行所有规则，允许您对有效性执行单次检查，而不是多次检查。

编辑：以下是如何使用它的示例：

function checkNumber(sNum) {
    var pattern = /^\d+(\.\d{1,2})?$/;
    console.log(sNum + " is " + ((pattern.test(sNum)) ? "" : "not ") + "valid.");
}

checkNumber("1");      // 1 is valid.
checkNumber("-1");     // -1 is not valid.
checkNumber("1234");   // 1234 is valid.
checkNumber("1.");     // 1. is not valid.
checkNumber("1.0");    // 1.0 is valid.
checkNumber("1.12");   // 1.12 is valid.
checkNumber("1.123");  // 1.123 is not valid.

Answer 2

我想这会是：

var num = Number(val);

if (!isNaN(num)
    && num > 0
    && num == num.toFixed(2))
{
  // Valid
}

检查给定值是正数还是浮点数最多两位小数

2 个答案: