這篇文章主要為大家展示了“jQuery如何控制input只能輸入數(shù)字和兩位小數(shù)”，內(nèi)容簡而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jQuery如何控制input只能輸入數(shù)字和兩位小數(shù)”這篇文章吧。

站在用戶的角度思考問題，與客戶深入溝通，找到茌平網(wǎng)站設(shè)計(jì)與茌平網(wǎng)站推廣的解決方案，憑借多年的經(jīng)驗(yàn)，讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合，創(chuàng)造個性化、用戶體驗(yàn)好的作品，建站類型包括：成都網(wǎng)站設(shè)計(jì)、網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、域名注冊、虛擬主機(jī)、企業(yè)郵箱。業(yè)務(wù)覆蓋茌平地區(qū)。

jquery代碼

直接先上jQuery函數(shù)，具體的可以看注釋說明，在使用這個之前，請務(wù)必保證已經(jīng)提前引入了jQuery庫，大家可以自己下載一個jQuery文件，然后引入，也可以查找CDN地址引入，比如在 https://www.bootcdn.cn/jquery/ 可以查找到很多版本的引入地址，直接找到你想要的引入就行。

<script>
  // 格式化限制數(shù)字文本框輸入，只能數(shù)字或者兩位小數(shù)
  function format_input_num(obj){
    // 清除"數(shù)字"和"."以外的字符
    obj.value = obj.value.replace(/[^\d.]/g,"");
    // 驗(yàn)證第一個字符是數(shù)字
    obj.value = obj.value.replace(/^\./g,"");
    // 只保留第一個, 清除多余的
    obj.value = obj.value.replace(/\.{2,}/g,".");
    obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
    // 只能輸入兩個小數(shù)
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3');
  }
</script>

函數(shù)的直接用法之onkeyup

在input表單輸入中，限制最多只能保留兩位小數(shù)點(diǎn)，其他自動抹掉；這里會用到onkeyup事件，也就是onkeyup事件會在鍵盤按鍵被松開時發(fā)生，也就是，這個時候調(diào)用我們的函數(shù)，來處理已輸入的內(nèi)容。

<input type="text" onkeyup="format_input_num(this)" value="" size="10" />元

函數(shù)的直接用法之blur

除了上面的監(jiān)控鍵盤事件外，還可以通過監(jiān)控表單的焦點(diǎn)事件來實(shí)現(xiàn)，也就是，表單都有獲得焦點(diǎn)事件focus和失去焦點(diǎn)事件blur，我們只需要在失去焦點(diǎn)的時候，調(diào)用我們的format_input_num函數(shù)就可以了，具體如下：

<input type="text" onblur="format_input_num(this)" value="" size="10" />元

或者不在表單中直接綁定方法，而是去jQuery中通過查找元素節(jié)點(diǎn)，然后單獨(dú)綁定相應(yīng)的事件，并執(zhí)行相關(guān)函數(shù)

<input type="text" value="" size="10" id="money" />元
<script>
  $("#money").off('blur').on('blur', function(){
    format_input_num(this);
  });
</script>

其他輸入限制

限制只能輸入數(shù)字的寫法，也就是，只能輸入0-9的數(shù)字

<input type="text" onkeyup='this.value=this.value.replace(/\D/gi,"")' />

限制只能輸入數(shù)字、字母和橫線"-"，其中字母包括大小寫

<input type="text" onkeyup='value=value.replace(/[^A-Za-z0-9\-]+/g,"")' />

當(dāng)然了，還有其他很多校驗(yàn)規(guī)則，可以自己根據(jù)實(shí)際需求進(jìn)行修改和嘗試一下

以上是“jQuery如何控制input只能輸入數(shù)字和兩位小數(shù)”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

當(dāng)前名稱：jQuery如何控制input只能輸入數(shù)字和兩位小數(shù)-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://jinyejixie.com/article14/gpide.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、Google、營銷型網(wǎng)站建設(shè)、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)