文本框仅可接收decimal

2018-06-22 06:10:18来源:未知 阅读 ()

新老客户大回馈,云服务器低至5折

文本框html如下:

 

<div><label class="label">价格:</label><input id="TextPrice" type="text" name="Price" /></div>
Source Code


jQuery:

 

 $("#TextPrice").on("input", function (evt) {
            var self = $(this);
            self.val(self.val().replace(/[^0-9\.]/g, ''));
            if ((evt.which != 46 || self.val().indexOf('.') != -1) && (evt.which < 48 || evt.which > 57)) {
                evt.preventDefault();
            }
        });
View Code

 

如果此文本框只接受整数呢,可以把jQuery稍修改一下:

 

$("#TextPrice").on("input", function (evt) {
            var self = $(this);
            self.val(self.val().replace(/[^\d].+/, ""));
            if ((evt.which < 48 || evt.which > 57)) {
                evt.preventDefault();
            }
        });
Source Code

 

结果:

 

标签:

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有

上一篇:高亮表格行或列

下一篇:Bootstrap框架下实现图片切换