为了账号安全,请及时绑定邮箱和手机立即绑定

移动端input number输入非数字取到的值为空

移动端input number输入非数字取到的值为空

婷婷同学_ 2019-03-13 17:12:03
移动端想限制框只能输入正数以及正浮点数,用pattern调用数字键盘,ios没有小数点,安卓机上可以输入负数。用正则判断input的值,当input输入非数字时,js取到的值为空。请问各位大神是否有解决办法!
查看完整描述

3 回答

?
白猪掌柜的

TA贡献1893条经验 获得超10个赞

/^d+(.d+)?$/g 这个没有忽略用户输入的空格 
方案一
利用节流 当用户输入停止的多少毫秒后去匹配正则 过滤输入内容以及提示 
方案二
提交的时候过滤用户输入并提示

可能有更好的方案 这我暂时想到的


查看完整回答
反对 回复 2019-03-17
?
幕布斯7119047

TA贡献1794条经验 获得超8个赞

好一点儿体验呢是用户输入非数字和非点号负号时自动纠正,这种可以通过onkeydown或者onchange事件去干。

提交的时候统计校验的话呢,直接把input里的值弄出来,trim在正则匹配


查看完整回答
反对 回复 2019-03-17
  • 3 回答
  • 0 关注
  • 548 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信