限制输入框只能输入数字(小数可以输入)

最新推荐文章于 2023-03-01 11:31:17 发布

CodingSir

最新推荐文章于 2023-03-01 11:31:17 发布

阅读量832

点赞数

文章标签： function

本文介绍了一个基于jQuery的自定义插件，该插件能够有效地限制文本框内的数字输入，包括禁止非法字符输入、自动移除多余的零以及小数点等。此插件还实现了对粘贴操作的限制，确保只有符合规定的数字格式才能被粘贴。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

核心提示：script type=text/javascript src=js/jquery-1.4.4.min.js/script script type=text/javascript $.fn.numeral = function() { $(this).css(" ...

<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>

<script type="text/javascript">
$.fn.numeral = function() {
	$(this).css("ime-mode", "disabled");
	this.bind("keypress",function() {
		if (event.keyCode == 46) {
			if (this.value.indexOf(".") != -1) {
				return false;
			}
		} else {
			return event.keyCode >= 46 && event.keyCode <= 57;
		}
	});
	this.bind("blur", function() {
		if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
			this.value = this.value.substr(0, this.value.length - 1);
		} else if (isNaN(this.value)) {
			this.value = "";
		}
	});
	this.bind("paste", function() {
		var s = clipboardData.getData('text');
		if (!/D/.test(s));
		value = s.replace(/^0*/, '');
		return false;
	});
	this.bind("dragenter", function() {
		return false;
	});
	this.bind("keyup", function() {
	if (/(^0+)/.test(this.value)) {
		this.value = this.value.replace(/^0*/, '');
		} 
	});
};
</script>

<label>配额:</label>
<input type="text" id = "quota_setting" name="quota_setting" value="1.0"/>

<script type="text/javascript">
$("#quota_setting").numeral();
</script>