方法:1、在input标签中添加“oninput="value=value.toString().match(/^d+(?:.d{0,2})?/)"”语句即可。2、给input标签绑定onimput事件,在处理函数中,利用正则来实现。
本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。
javascript限制输入框只能输入带有两位小数的数字
方法1:
<input type="number" oninput="value=value.toString().match(/^d+(?:.d{0,2})?/)">
只能输入进去两个小数。
方法2:给input标签绑定onimput事件,在事件处理函数中,利用正则表达式来
实现代码一:
<input type="number" id="put" > <script type="text/javascript"> var vv = ""; document.getElementById("put").oninput=function(){ var val = this.value.replace(/./,""); var valArr=this.value.split('.'); if((/D/g).test(val)||valArr.length>2||valArr.length>1&&Number(valArr[1])>99){ this.value=vv; } } </script>
实现代码二:
<input type="number" id="put"> <script type="text/javascript"> var vv = ""; document.getElementById("put").oninput=function(){ if(!(/^d+(.d{0,2})?$/).test(this.value)){ this.value=vv; } vv.this.value; return false; } </script>
【推荐学习:javascript高级教程】
作者:青灯夜游
本文主要对HTML5表单新增属性进行详细介绍,并附上实例解析,简单易懂。需要的朋友一起来看下吧1. 表单内元素的form属性在H5中可...
方法:1、在style标签中通过“@import”引用,语法“@import url(URL)”;2、通过link标签引用,语法“link type=text/css href=...
css去除table间隙的方法:首先打开相应的HTML代码文件;然后通过代码“table{border-collapse:collapse;}”即可去掉单元格之间的...
绑定方法:1、使用“对象.on事件名 = function(){代码}”语句绑定;2、使用“事件源.addEventListener(事件名称,事件处理函数名,...