在前台的 html 页面设计中,有时候需要 input 输入框中只能输入数字。那么如何对 input 的输入类型做限制呢?下面飞鸟慕鱼博客的小编就来和大家说一说!
限制 input 只能输入大于 0 的正整数的示例
示例1:
下面的代码可以实现,input 只限制输入大于 0 的正整数,但是如果使用复制粘贴内容的方法,是可以绕过判断的,因为它只有一个 keyup 事件!
示例2:
下面的代码,可以完美解决复制粘贴内容的弊端,可自行搜索 onafterpaste 事件的说明!
限制 input 只能输入数字的示例
示例:
以下的代码,只能输入正整数(包括0),如输入其它字符会自动清初掉!
限制 input 只能输入数字和小数点
示例1:
下面的 input 演示代码,在输入字母或汉字时会自动清空(完全清空)
示例2:
以下代码在输入非数字和小数点时,在 input 失去焦点的时会弹出提示!
示例3:
以下代码只能输入数字与小数点,输入其它字符串会被清空!
οnkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;elsethis.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=thi