盒子裏的值隨input輸入值變化而變化

 html

   <div class="amount">0</div>
    <input onkeyup="value=value.replace(/[^\d{1}\d{1}|\d{1}]/g,'')"  name="card_money" value="0"  onfocus="javascript:if(this.value=='0')this.value='';"  maxlength="4" />

js

      <script type="text/javascript" src="js/jquery-2.1.1.min.js"></script>

      <script>

        $(document).on('keyup','input[name=card_money]',function () {
      var num = Math.ceil($(this).val(), 1000);  // 規定輸入數字範圍
      if(num>1000) {     
        $(this).val(1000);     // 若是輸入的值大於1000,則輸入框顯示1000
        $(".amount").html(100000)
      }else{
        $(".amount").html(Math.ceil(num*100))
      }
    })
      </script>

 maxlength="4"     // 限制輸入字節的長度