js实现input输入框只能输入数字的功能(完美测试通过)

<input type="text" style="ime-mode:disabled;" onpaste="return false;"  onkeypress="keyPress()" />    
function keyPress() {
     var keyCode = event.keyCode;
     if ((keyCode >= 48 && keyCode <= 57))
    {
         event.returnValue = true;
     } else {
           event.returnValue = false;
    }
 }  

style:ime-mode:disabled表示不能切换输入法 
onpaste="return false;" 表示不能粘贴

重要说明: 
上述js代码中键值48-57在键值表中只是对应大键盘的0-9,而小键盘的0-9键值是96-105,那为什么也能输入呢? 
经过自己测试发现在input中,你输入的是小键盘的0-9,它所识别的keycode也是48-57

时间: 2024-10-18 19:05:37

js实现input输入框只能输入数字的功能(完美测试通过)的相关文章

js实现input输入框只能输入数字的功能

1 <input type="text" style="ime-mode:disabled;" onpaste="return false;" onkeypress="keyPress()" /> 2 3 function keyPress() { 4 var keyCode = event.keyCode; 5 if ((keyCode >= 48 && keyCode <= 57))

【JS】input输入框只能输入数字

一.实现思路 input只能输入纯数字的思路其实很简单,监听输入框值的变化,每次输入检索输入框的值,将非数字的字段替换成空,再将此值赋予给输入框. 关键代码: \d:匹配数字 ^/d:全文匹配非数字 replace(/[^/d]/g,''):全文匹配非数字,并替换成空. 那我们的实现代码为: var input = document.querySelector("#demo"); input.oninput = function (){ input.value = input.valu

input输入框 只能输入数字 oninput = &quot;value=value.replace(/[^\d]/g,&#39;&#39;)&quot;

项目中因为利用 element-ui 和avue两个ui框架搭建的 1.利用element-ui自带的校验需要注意点 prop  :rules ref这三个属性 2.利用oninput时间进行校验  oninput = "value=value.replace(/[^\d]/g,'')"   写在html中Input 标签内可以 ,写在第三方ui框架也可以 如图 这是html中input标签中 input输入框 只能输入数字 oninput = "value=value.re

angularjs中的验证input输入框只能输入数字和小数点

百度的资料:自己记录看下 把js的验证方法改成angular可使用的方法 AngularJS文件的写法: $scope.clearNoNum = function(obj,attr){ //先把非数字的都替换掉,除了数字和.obj[attr] = obj[attr].replace(/[^\d.]/g,"");//必须保证第一个为数字而不是.obj[attr] = obj[attr].replace(/^\./g,"");//保证只有出现一个.而没有多个.obj[a

购物车中的input输入框只能输入数字和输入为0的时候默认为1

<input type="text" value="1" onkeyup="value=(parseInt((value=value.replace(/\D/g,''))==''||parseInt((value=value.replace(/\D/g,''))==0)?'1':value,10))"> 原文地址:https://www.cnblogs.com/yuanyanbk/p/8136840.html

html input验证只能输入数字,不能输入其他

html input验证只能输入数字,不能输入其他 此方法为借鉴别人的,在此只做记录. <input type="text" onkeyup="if(!/^\d+$/.test(this.value)) tip.innerHTML='必须输入数字,且不能有空格.'; else tip.innerHTML='';" /><span id="tip"></span>

HTML输入框只能输入数字或数字字母组合

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入)<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点.<input onkeyup="if(isNaN(value))execCommand('undo')"

js设置文本框只能输入数字

JS判断只能是数字和小数点 1.文本框只能输入数字代码(小数点也不能输入) <input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')"> 2.只能输入数字,能输小数点. <input onkeyup="if(isNaN(value))execCommand('undo')&qu

JS限制文本框只能输入数字

通过键盘每个键的key值进行限制,在html代码使用事件onkeydown="return validateDigitsOnly(event)"即可实现 1 /** 2 * 限制文本框只能输入数字 3 * @constructor 4 */ 5 function validateDigitsOnly(evt) { 6 var e = evt || window.event, 7 key = e.keyCode || e.which; 8 9 if ( 10 // Backspace,