html5input保留2位小數

<!DOCTYPE HTML>
<html>
<script type="text/javascript">
function noNumbers(e)
{
var keynum
var keychar
var numcheck
if(window.event) // IE
{
keynum = e.keyCode
}
else if(e.which) // Netscape/Firefox/Opera
{
keynum = e.which
}
keychar = String.fromCharCode(keynum);
//判斷是數字,且小數點后面只保留兩位小數
if(!isNaN(keychar)){
var index=e.currentTarget.value.indexOf(".");
if(index >= 0 && e.currentTarget.value.length-index >2){
return false;
}
return true;
}
//如果是小數點但不能出現多個且第一位不能是小數點
if("."== keychar ){
if(e.currentTarget.value==""){
return false;
}
if(e.currentTarget.value.indexOf(".") >= 0){
return false;
}
return true;
}
return false ;
}
</script>
<body>

<input type="number" onkeypress="return noNumbers(event)">

</body>

</html>

另外一段代碼，效果是用戶輸入的數字如果超過2位，就自動四舍五入為2位

<!DOCTYPE HTML>
<html>
<script type="text/JavaScript">
function noNumbers(e,len)
{

var val = e.currentTarget.value;

if(!val){
return;
}

var b = parseFloat(val);
e.currentTarget.value = Number(b).toFixed(len);

}
</script>
<body>

<input type="number" onblur="noNumbers(event,2)">
</body>
</html>

第二段代碼的angular版本

$scope.noNumbers=function(e,len){
var val = e.target.value;
if(!val){
return;
}
var b = parseFloat(val);
e.target.value = Number(b).toFixed(len);
};

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue input框type=number 保留兩位小數自定義組件 el-input輸入number，數字保留兩位小數 03_input type="number" 輸入允許小數點后兩位 type為number的input標簽輸入小數的方法 type為number的input標簽輸入小數的方法 input type number 限制小數位 input控制輸入保留一位小數 input type為number的input標簽輸入小數的方法 input type="number" 輸入允許小數點后兩位，控制最大最小值 QString::number保留小數