javascript - 数字输入框
业务需求:限定输入框只能输入数字。
几个常见的做法:
-
使用 document.execCommand("Undo"),如果用户输入非数字,就撤销操作,可用,但是document是一个全局对象,对于前端的命令不是非常了解,不敢轻易尝试;
-
设置 input 为 number 类型,因为,字母 e 是属于科学记数法,所以,存在输入非数字的可能,可用,但是非要挑错,也有问题;
-
侦听松开键盘的事件,校验输入框内的数据。
(下列代码功能:如果输入框非数字,直接清除所有内容。可以进一步优化,返回上一步的状态)
thisObj.find("#userName").bind("onafterpaste keyup",function (evt) {
var my = $(this), v = my.val();
if(isNaN(v)){
my.val(v.replace(/[^\d]/g,''));
}
});
推荐做法
一般我们选择方式 2 即可,设置 input 为 number 类型。
能做,但是没必要,因为系统不会只校验一次,有其它校验方式,保证最终的结果正确。
会纠结这个问题,估计是测试人员找茬,说你的输入框能输入字母e,自己据理力争就好了。
疯狂的妞妞 :每一天,做什么都好,不要什么都不做!