控制输入框只能输入数字

1.将input的属性type改为number

2.这时的输入框会有小箭头，

去掉小箭头的方法，给input添加样式

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {    -webkit-appearance: none;}

input[type="number"] {    -moz-appearance: textfield;}3,此时的输入框已经没有了小箭头，但是依旧可以输入一些特殊的字符，如 e，+，-等，解决这个问题需要给input的onkeypress属性添加正则，通过控制按键的方法，来控制只能输入数字

οnkeypress="return (/[\d]/.test(String.fromCharCode(event.keyCode)))"

好了，这就是完整的效果了。

转载于:https://www.cnblogs.com/cds98/p/9486624.html

控制输入框只能输入数字相关推荐

input输入框只能输入数字，只能输入字母数字组合
input输入框只能输入数字,字母数字组合,汉字等 input里需要控制输入的类型,可以通过onkeyput或oninput对输入的内容进行校验.输入大小写字母.数字.下划线:onkeyup=&quo ...
【 javascript】＜input＞实现输入框只能输入数字（个人认为最好的）
<input> 实现输入框只能输入数字需求背景: 方案一:使用`JS`限制 input 输入框只能输入纯数字方案二:`VUE`使用`a-input-number组件`限制 input ...
js限制输入框只能输入数字
分享下js限制输入框中只能输入数字的方法,包括整数与小数,分享几个例子,有需要的朋友参考下. 1.使用正则表达式限制输入框只能输入数字: 1 <input type="text&quo ...
要求输入框只能输入数字跟破折号
要求输入框只能输入数字跟破折号让输入框接受像"1234-123456789"这样的数字让输入框接受像"1234-123456789"这样的数字 <a- ...
通过javascri实现输入框只能输入数字
输入框只能输入数字 <input type="text" οnkeyup="value=value.replace(/[^\d]/g,'');"> ...
elementUI输入框只能输入数字解决方案
借鉴地址需求描述 1.只能输入数字 2.控制输入11位 3.验证如果不是11位提示错误 4.当输入时取消验证,没有错误提示问题 1.el-input type=number e仍然可以输入,方案p ...
html只能输入两位小数,JQuery控制input只能输入数字和两位小数（有关金额）代码...
jquery代码: function num(obj){ obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字&quo ...
php限制只能输入中文,JS控制Input只能输入数字，汉字，英文的限制方法
2 楼 shuke[2013-10-30 14:05] 以上是图片替代 SUBMIT提交的方法, 正则表达式限制文本框只能输入数字许多时候我们在制作表单时需要限制文本框输入内容的类型,下面我们用正则 ...
Asp.net控制TextBox只能输入数字
方法一: private void tBox_KeyPress(object sender, KeyPressEventArgs e) { if (e.KeyChar == 0x20) e.KeyCh ...

控制输入框只能输入数字

控制输入框只能输入数字相关推荐

最新文章

热门文章