首页前端开发JavaScriptjavascript怎么实现只能输入两位小数功能

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

时间2024-01-30 07:42:03发布访客分类JavaScript浏览130
导读:收集整理的这篇文章主要介绍了javascript怎么实现只能输入两位小数功能,觉得挺不错的,现在分享给大家,也给大家做个参考。方法:1、在input标签中添加“oninput="value=value.toString( .match(/^...
收集整理的这篇文章主要介绍了javascript怎么实现只能输入两位小数功能,觉得挺不错的,现在分享给大家,也给大家做个参考。

方法: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高级教程】

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

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

javascript

若转载请注明出处: javascript怎么实现只能输入两位小数功能
本文地址: https://pptw.com/jishu/592234.html
浅谈使用node.js怎么搭建本地服务器 CTS(common type system)的实例介绍及应用

游客 回复需填写必要信息