input值输入数字
通过onkeypress事件是输不上任何非数字字符
<input type="text" οnkeypress="return event.keyCode>=48&&event.keyCode<=57" />
通过onkeyup事件是输上后再去掉非数字字符
<input type="text" οnkeyup="value=value.replace(/[^\d]/g,'') ">
<input type="text" οnkeyup="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'1':value,10))" onafterpaste="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'1':value,10))">
input输入框只能输入数字而且开头不能为零
<div class="input-choseNum">
<input type="number" id="inp-chooseNum" οninput='this.value=this.value.replace(/^[0]+[0-9]*$/gi,"")' maxlength="5" />
<span class="sureChoose">确定</span><span class="closeChoose">取消</span>
</div>
代码分析:
1、onKeyUp 就是键盘松开后调用的事件。
2、/\D/g 这个就是我这里用的正则表达式。头尾的/符号表示这里面包的是正则表达式;最后一个g表示全文搜索;\D是[^0-9]的简写,表示非数字的意思(因为我们要把非数字换成'')。
3、value=value.replace(/\D/g,'')先用replace方法把非数字的字符替换成'',再赋值给当前text框的value属性。
4、(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'1':value ,判断替换掉非数字字符后的文本是否为空或者为0,为空货位0则补1,不为空或0就是当前的值了。
5、最后调用parseInt(value,10)方法,把当前的value转成数字值,这么做是为了把类似012这样的字符前面的0去掉(测试经常挑这样的毛病,实在变态!)。这里特别要注意的是,使用parseInt方法的时候,一定要把value后的10这个参数传进去,否则像012这样的字符会被当作8进制的数字来处理的。
6、最后再把这个转换后的数字赋值给value就是了。
input值输入数字相关推荐
- 控制HTML Input只能输入数字和小数点
转:https://www.cnblogs.com/esion/p/3342866.html 本文介绍三种控制在中只允许输入数字和小数点的方案. 方案1:通过JavaScript代码实现. JavaS ...
- INPUT只能输入数字
input只能输入数字: (只能输入数字,并且输入的值不能大于99),但是这样有个问题,就是当输入非数字字符时,输入框中所有的字符都会被清除 <input type="text&quo ...
- input限制输入数字减号_修正带有尾随减号的数字
input限制输入数字减号 Do you sometimes need to fix numbers with trailing minus signs, after you import data ...
- js控制input框输入数字时,累计求和
input框输入数字时,自动开始计算累加 <div class="form-group"> <label for="inputPassword3&quo ...
- jquery 验证小数点后几位_(亲测可用)input只能输入数字或小数点后几位
webapp是基于html5网页版的app,经常会结合app成为混合模式 hybrid app,也就是 app小应用打开 访问的其实是网页,这种方式非常不错,解决了app更新的难题, 所以这个时候要求 ...
- 移动端手机网站限制input只能输入数字
<input type="tel" name="num" value="1" maxlength="8" auto ...
- 微信小程序:正则 input只能输入数字
<input type="number" auto-focus focus='{{focus}}' value="{{value}}" bindinput ...
- 微信小程序 - 设置input只能输入数字
需求 view如下: <view class="ys-number-input {{error?'error':''}}"><input type="n ...
- 设置input只能输入数字
方法一 将标签中的type属性直接设置为number就可以达到只能输入数字.但是这个方式有一个缺点,它只能作用于网页端,在手机输入的话还是可以输入汉字或英文 方法二 还是一样在标签上设置,代码 ...
最新文章
- leetcode 203 Remove Linked List Elements
- 【科研必备】保持高效论文写作的10个原则!
- 测试驱动开发 测试前移_我如何以及为什么认为测试驱动开发值得我花时间
- 左右伸缩_冬季装修为啥要留伸缩缝?等到天热地板开裂就晚了!合肥人注意下...
- C语言 第八章 函数、指针与宏
- python读取mysql数据库行数_使用python读取mysql数据库并进行数据的操作
- 安装you-get和ffmpeg for Mac
- 程序员心髓:移动应用API设计10大技巧
- 2021 软件开发的 5 大趋势,低代码、无代码得到了验证!
- Android音视频系列(七):PCM音频单声道与双声道的相互转换
- Visual Studio2010安装教程
- DirectX修复工具全部文件修复失败或下载失败的解决方法
- 【阿狸的小伙伴win7主题】
- 第三届人工智能、网络与信息技术国际学术会议(AINIT 2022)
- 第三章 电商分析之会员活跃度
- 什么是深度可分离卷积及深度可分离卷积的优势
- 怎样在手机设置无线网络连接服务器,如何用手机设置wifi路由器?
- 直播技术总结(三)ijkplayer的一些问题优化记录
- CH32F203C8T6 32位增强型低功耗Cortex-M3单片机
- CSS经常会用到的属性