jQuery - JavaScript 正则表达式只允许数字和减号作为第一个字符

Question

我希望用户只在我的输入中输入数值，因此我在下面放了代码。

<input type="text" class="form-control rounded-pill bg-light" autocomplete="off" name="free_credit_amount" id="free_credit_amount" placeholder="Free credit amount">

$('body').on('keyup', '#free_credit_amount', function(){
    this.value = this.value.replace(/[^0-9\.]/g,'');
});

这对我来说很好......但是我有一个要求，用户也可以输入负值......像-500 ，因此我已经更新了我的 JavaScript 正则表达式，如下所示 ..

$('body').on('keyup', '#free_credit_amount', function(){   
   this.value = this.value.replace(/[^-0-9]/g,'');
});

这对我来说也很好用，因为我可以输入 minus (-) 符号并可以输入类似 500 或 -500 的值，但是，我想稍微提供一下这个正则表达式 .. 目前正在发生什么，我也可以输入像500- 这样的值。这不应该被允许..我只希望我的minus (-) 仅作为第一个字符添加..

我尝试过使用其他各种正则表达式，例如 this.value = this.value.replace(/(\+|\-)?[^-0-9]/g,''); this.value = this.value.replace(/^[-][a-zA-Z0-9.,$;]/g,'');

但是那些正则表达式都不适合我..

有人可以帮我实现这一目标吗..

谢谢

Answer 1

你可以使用

$('body').on('input', '#free_credit_amount', function(){
    var position = this.selectionStart;
    var oldval = this.value;
    var newval = this.value.replace(/[^0-9.-]/g, '').replace(/^(-)|-+/g,'$1').replace(/^([^.]*\.)|\.+/g, '$1');
    this.value = newval;
    if (oldval != newval) {
        this.selectionEnd = position-1;
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" class="form-control rounded-pill bg-light" autocomplete="off" name="free_credit_amount" id="free_credit_amount" placeholder="Free credit amount">

这里，

• .replace(/[^0-9.-]/g, '') - 删除除数字、点和连字符以外的所有字符
• .replace(/^(-)|-+/g,'$1') - 将连字符保留在字符串的开头并删除所有其他连字符
• .replace(/^([^.]*\.)|\.+/g, '$1') - 保留除 . 和第一个 . 之外的任意数量的文本，并删除字符串中的所有其他点