javascript - jQuery输入字段验证

Question

我正在尝试使用 jquery 验证用户输入数据。这是我使用的代码。

$('#ole').keypress(function(event) {
              if ((event.which != 46 || $(this).val().indexOf('.') != -1) && (event.which < 48 || event.which > 57)) {
                event.preventDefault();
              }
            });

上面的代码只允许整数和一个点。我需要的是在点之后只允许两个整数。

如何做到这一点？

Answer 1

试试这个

HTML

<input id="ole" class="decimal">​

jQuery

$(document).on('change blur','.decimal',function() {
      var amt = parseFloat(this.value);
      if(isNaN(amt)) {
        $(this).val('');
      }
      else {
         $(this).val(amt.toFixed(2));
      }
    });

working DEMO ​</p>

Answer 2

使用正则表达式并四舍五入小数：

$('#ole').on('blur', function()
{
    var val = $(this).val();

    if (val.match(/^\d+\.{0,1}\d+$/)) 
    {
        // Convert to int if needed
        val = parseInt(val);

        val = Math.round(val *100)/100; // Round to 2 decimals
        $(this).val(val);
    }
});​