• 技术文章 >web前端 >js教程

    javascript怎么实现只能输入两位小数功能

    青灯夜游青灯夜游2021-09-09 15:08:01原创119

    方法: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})?/)">

    1.gif

    只能输入进去两个小数。

    方法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>

    2.gif

    实现代码二:

    <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>

    3.gif

    【推荐学习:javascript高级教程

    以上就是javascript怎么实现只能输入两位小数功能的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:javascript 限制输入
    上一篇:浅谈使用node.js怎么搭建本地服务器 下一篇:javascript数据类型转换包括什么
    线上培训班

    相关文章推荐

    • javascript怎么修改css样式• javascript如何检测小数• javascript怎么比较字符串是否相等• javascript怎么输出值• javascript应该如何创建数组

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网