限制input输入框的内容

最新推荐文章于 2023-07-19 14:21:48 发布

原创最新推荐文章于 2023-07-19 14:21:48 发布 · 566 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

3 篇文章

订阅专栏

本文介绍了一种使用JavaScript和jQuery实现的方法，该方法可以让输入框仅接受0到3之间的数字输入。通过正则表达式和键盘事件监听，确保用户只能输入指定范围内的数字。

这里的demo是让input文本框只能输入0，1，2，3：
js代码：

<input type="text" id="test" value="0" />

<script type="text/javascript">
var reg = /[0-3]{1}$/;
$("#test").keypress(function(){
	var e = window.event;
	var keycode = e.keyCode;
	var n = String.fromCharCode(keycode);
	var cur = $(this).val();
	$(this).val("");
	if(reg.test(n) == false){
		$(this).val(cur);
		return false;
	}
	return true;
});
</script>