tft每日頭條

 > 生活

 > input怎麼輸入兩位小數

input怎麼輸入兩位小數

生活 更新时间:2024-09-28 12:13:20

限制 input 輸入框隻能輸入純數字

input怎麼輸入兩位小數(input輸入限制數字并且小數點後留兩位)1

onkeyup="this.value= this.value.match(/\d (\.\d{0,2})?/) ? this.value.match(/\d (\.\d{0,2})?/)[0] : ''"

這一步可以限制input框隻能輸入數字并且小數點後保存兩位

input怎麼輸入兩位小數(input輸入限制數字并且小數點後留兩位)2

但是假如前面輸入過多 ' 0 '就不能判斷了.如圖:

input怎麼輸入兩位小數(input輸入限制數字并且小數點後留兩位)3

input怎麼輸入兩位小數(input輸入限制數字并且小數點後留兩位)4

所以用js判斷

input怎麼輸入兩位小數(input輸入限制數字并且小數點後留兩位)5

源碼:

$(".rate").blur(function(){ //失去焦點時 var val = $(this).val(); //獲得輸入值 if(val.charAt('0') == 0){ //如果第一個為'0'時 val = val.replace(/\b(0 )/gi,""); //清除多餘的'0' if(val.substr(0,1)=='.'){ //如果有小數點'.'時,前面加一個0 $(this).val( "0" val); }else{ $(this).val(val); } } })

,

更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!

查看全部

相关生活资讯推荐

热门生活资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved