input 只能輸入數字且最多保留小數

時間 2019-12-25

標籤 input 只能輸入數字最多保留小數简体版

原文原文鏈接

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title></title>

    <meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=no">
    <script src="jquery-3.1.1.min.js"></script>
</head>
<body>
  <input id="money" type="text" placeholder="兩位小數">
</body>
<script>
  $("#money").keyup(function(){
    var reg = /^\d+\.?(\d{1,2})?$/;
    while (!reg.test($(this).val()) && $(this).val() != "") {
      $(this).val(checkStr($(this).val()));
    }
  });

  // 只能輸入數字且最多保留小數點後兩位
  function checkStr(str) {
    str = str.substring(0,str.length-1);
    return str;
  }

$('#money').blur(function() {
  var money = $(this).val() - 0.0;
  $(this).val(money.toFixed(2));
});

</script>
</html>

相關標籤/搜索