文本框仅可接收decimal

文本框html如下:
文本框仅可接收decimal

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

Source Code

jQuery:
文本框仅可接收decimal

 $("#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();
}
});

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

$("#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

结果:
文本框仅可接收decimal

上一篇:js面向对象过程


下一篇:【Canal源码分析】配置项