您的位置:首页 > Web前端 > JavaScript

文本框限制输入数值保留两位小数的js 方法

2017-06-07 11:23 886 查看
<!DOCTYPE html>

<html>

<head>
<meta charset="utf-8">
<title>h5</title>
<style type="text/css">
*{
margin: 0;padding: 0;
}
input{
width: 500px;
height: 100px;
font-size: 40px;
}
</style>

</head>

<body>

<input type="text" name="" value="" oninput="checkNum(this)">

<script src="js/jquery-2.1.0.js"></script>

<script type="text/javascript">

//限制number  输入格式

function checkNum(obj){
obj.value = obj.value.replace(/[^\d.]/g,"");//清除"数字"和"."以外的字符
obj.value = obj.value.replace(/^\./g,"");//验证第一个字符是数字而不是
obj.value = obj.value.replace(/\.{2,}/g,".");//只保留第一个. 清除多余的
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');//只能输入三个小数.(\d\d\d) 修改个数  加\d

}

</script>

</body>

</html>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息