首页 > 其他分享 ><input> 实现输入框只能输入数字

<input> 实现输入框只能输入数字

时间:2022-08-25 14:03:29浏览次数:60  
标签:数字 value replace 输入框 input 输入

1.使用JS限制 input 输入框只能输入纯数字

  onkeyup = "value=value.replace(/[^\d]/g,'')"

使用 onkeyup 事件,有 bug ,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母,所以:不推荐

2.onchange = "value=value.replace(/[^\d]/g,'')"

缺点:使用 onchange 事件,在输入内容后,只有 input 丧失焦点时才会得到结果,并不能在输入时就做出响应

3.oninput = "value=value.replace(/[^\d]/g,'')"

使用 oninput
事件,完美的解决了以上两种问题,他可以即时做出响应,
缺点:当你先输入数字,切输入法中文,开始输入,之前输入的数字会一个个的都消失,直到内容为空

 

标签:数字,value,replace,输入框,input,输入
From: https://www.cnblogs.com/alannero/p/16624078.html

相关文章

  • form表单 input回车刷新页面问题
    1原因是因为当form表单中只有一个input时,按下回车建会自动触发页面的提交功能,所以会产生刷新页面的行为解决方案:<el-form:model="queryData"ref='queryData'status......
  • DataInput
    DataInput /**Copyright(c)1995,2013,Oracleand/oritsaffiliates.Allrightsreserved.*ORACLEPROPRIETARY/CONFIDENTIAL.Useissubjecttolicense......
  • 文本:setText([i, ]text)与input([i, ]text)
    setText([i,]text)不加参数i则会把所有输入框的文本都置为text。它是输入文本:把输入框的文本重新设置不加参数i则会把所有输入框的文本都置为text。为text,而不会在原来的......
  • Ubuntu20 交换ctrl和caps lock导致搜狗输入法caps键持续锁定
    方案1(无效)直接编辑键位映射 sudovim/usr/share/X11/xkb/keycodes/evdev可以实现交换ctrl和capslock但使用搜狗输入法时,输入法会capslock锁定,要手动去点切换。很......
  • CNN 网络层定义的输入
    在CNN网络层定义中,发现了如下的问题:  其中红框的位置,应该是输入数据的维度,比如,我们这里的输入数据格式为: torch.Size([8,4,84,84]),其中,8是batch-size,4为维度数......
  • CFX-Pre-User Locations-User Point Clouds 的输入文件格式
    UserPointClouds所需要的外部输入文件格式(文件格式为.csv)如下述代码所述:点击查看代码[Name]larry1#pointcloudsnameyoudefined[Data]X[m],Y[m],Z[m]0.......
  • Flutter 循环创建输入框 TextField
    需求:根据接口返回的数据生成列表,列表内含有可编辑的字段 先初始化一个 TextEditingController集合Map<Object,TextEditingController>_numberControllers=......
  • git账号全局配置,配置了也需要重复输入账号密码处理
    设置全局参数$gitconfig--globaluser.name'name'$gitconfig--globaluser.email'email' 如果还是出现要输入账号密码就执行下面这个,然后下一次输入账号密......
  • 使用element-ui的upload组件时.el-upload__input样式出错的解决办法
    使用element-ui的upload组件时.el-upload__input样式出错的解决办法错误复现:这个样式错误折磨了我一下午!得记录一下。这个样式突然出现问题,基本解决办法有两种。一种是......
  • LaTex写英文论文时如何输入单引号
    在LaTex写作时发现,输入单引号时并非直接用键盘上的引号键!单引号的正确输入:左引号:按一次`(即主键盘区左上角,Tab键上方的键)。右引号:按一次'(即分号右,回车左的键)。wro......