Question

我试图找到一种方法将文本输入限制为数字和四分之一小数增量。例如0.25，.5,2.75,4.0,10.5等。基本上是0-9的整数，然后是小数0，.25，.5，。75。我试图将其基于

<script>
jQuery('.numbersOnly').keyup(function () {
    this.value = this.value.replace(/[^0-9\.]/g,'');
});
</script>

这会将输入限制为十进制数，但无法确定如何限制为四分之一十进制增量，如上所示。有什么想法吗？

Answer 1

使用小数位数让用户写一个最多2位小数的数字
使用e.KeyCode == 8解除对退格的更改

如果不正确，请使用模糊事件输入正确的数字

function decimalPlaces(num) {
   var match = (''+num).match(/(?:\.(\d+))?(?:[eE]([+-]?\d+))?$/);
   if (!match) { return 0; }
   return Math.max(
     0,
     // Number of digits right of decimal point.
     (match[1] ? match[1].length : 0)
     // Adjust for scientific notation.
     - (match[2] ? +match[2] : 0));
}

jQuery('.numbersOnly').keyup(function (e) {
     this.value = this.value.replace(/[^0-9\.]/g,'');
     if(e.keyCode == 8 || decimalPlaces(this.value) < 2){
        return true;
     }
     else if(this.value % 1 != 0)
         this.value = (Math.round(this.value * 4) / 4).toFixed(2);

});
jQuery('.numbersOnly').on('blur',function () {
     if(this.value % 1 != 0)
        this.value = (Math.round(this.value * 4) / 4).toFixed(2);
});

工作fiddle

Answer 2

这可以使用input html元素的step属性来完成，而无需任何其他javascript。

<input step="0.25" type="number"/>

以下是jsfiddle的工作原理。

将文本输入限制为四分之一小数增量

2 个答案: