1. 程式人生 > >用jq使得輸入框input只能輸入數字

用jq使得輸入框input只能輸入數字

1.只能輸入數字

<script language="javascript" type="text/javascript">

 $(document).ready(function () {

 $("#text1").bind("keyup", function () {

$(this).val($(this).val().replace(/[\D]/g, ""));

}

});

  </script>

2.只能輸入數字跟小數點(而且小數點只能出現1次)

<script language="javascript" type="text/javascript">

 $(document).ready(function () {

 $("#text1").bind("keyup", function () {

/先把非數字的都替換掉,除了數字和.
                $(this).val($(this).val().replace(/[^\d.]/g, ""));
                //必須保證第一個為數字而不是.
                $(this).val($(this).val().replace(/^\./g, ""));
                //保證只有出現一個.而沒有多個.
                $(this).val($(this).val().replace(/\.{2,}/g, "."));
                //保證.只出現一次,而不能出現兩次以上
                $(this).val($(this).val().replace(".", "$#$").replace(/\./g, "").replace("$#$", "."));

}

});

  </script>