文本框仅可接收decimal

文本框html如下：

 

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

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

 

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

 

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

 

结果：