解决input只能输入正浮点数限制

测试给提了个要求,要求充值金额输入框里面只能输入正的浮点数,当输入其他内容时自动重置输入框.

1.这时我们首先想到正则表达式

2.想到两个方法onblur和onkeydown方法 这里我们采用blur当输入框失去焦点时执行判断,至于为什么请参考输入框的事件监听.

首先正则表达式判断一个非负浮点数:^\d+(\.\d+)?$  还不懂得同学去学习一下正则表达式 这里就不阐述了.

下面给出代码:

			<input type='number' οnblur="if (!/^\d+(\.\d+)?$/.test(this.value)){this.value='';}" step="0.01"/>

当完成输入onblur方法执行,

if (!/^\d+(\.\d+)?$/.test(this.value))

判断input里的值是否是非负浮点数

this.value='';

若不是则设置input里的值为"",相当于重置输入框里的内容.