javascript - 数字输入框

业务需求：限定输入框只能输入数字。

几个常见的做法：

1. 使用 document.execCommand("Undo")，如果用户输入非数字，就撤销操作，可用，但是document是一个全局对象，对于前端的命令不是非常了解，不敢轻易尝试；

2. 设置 input 为 number 类型，因为，字母 e 是属于科学记数法，所以，存在输入非数字的可能，可用，但是非要挑错，也有问题；

3. 侦听松开键盘的事件，校验输入框内的数据。

（下列代码功能：如果输入框非数字，直接清除所有内容。可以进一步优化，返回上一步的状态）

 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，自己据理力争就好了。