快捷導(dǎo)航

利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù)，包含保留幾位小數(shù)

更新時(shí)間：2016年12月07日 16:25:08 作者：冷戰(zhàn)

本文主要介紹了利用jquery實(shí)現(xiàn)驗(yàn)證輸入的是否是數(shù)字、小數(shù)，包含保留幾位小數(shù)，代碼清晰，容易理解。有需要的朋友可以參考下

1、驗(yàn)證方法 validationNumber(e, num) e代表標(biāo)簽對(duì)象，num代表保留小數(shù)位數(shù)

function validationNumber(e, num) {
      var regu = /^[0-9]+\.?[0-9]*$/;
      if (e.value != "") {
        if (!regu.test(e.value)) {
          alert("請(qǐng)輸入正確的數(shù)字");
          e.value = e.value.substring(0, e.value.length - 1);
          e.focus();
        } else {
          if (num == 0) {
            if (e.value.indexOf('.') > -1) {
              e.value = e.value.substring(0, e.value.length - 1);
              e.focus();
            }
          }
          if (e.value.indexOf('.') > -1) {
            if (e.value.split('.')[1].length > num) {
              e.value = e.value.substring(0, e.value.length - 1);
              e.focus();
            }
          }
        }
      }
    }

2、驗(yàn)證整數(shù)

<asp:TextBox ID="txtNg" name="txtNg" runat="server" Height="16px" Width="98px" Font-Size="9pt"
   CssClass="EditTextBox" onpropertychange="validationNumber(this,0)"></asp:TextBox>

3、保留一位小數(shù)

<asp:TextBox ID="txtChglinecost" name="txtChglinecost" runat="server" Height="16px" Width="98px" Font-Size="9pt" 
   CssClass="EditTextBox" onpropertychange="validationNumber(this,1)"></asp:TextBox>

4、保留兩位小數(shù)

<asp:TextBox ID="txtStdyr" name="txtStdyr" runat="server" Height="16px" Width="98px" Font-Size="9pt" 
   CssClass="EditTextBox" onpropertychange="validationNumber(this,2)"></asp:TextBox>

5、保留三位小數(shù)

　　只需要把 validationNumber(this,3) 方法中的第二個(gè)參數(shù)改為3即可。

　　保留四位小數(shù)、保留五位小數(shù)，以此類推...

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

可自己添加html的偽彈出框?qū)崿F(xiàn)代碼
本文為大家介紹下html偽彈出框的實(shí)現(xiàn)，感興趣的朋友可以了解下
2013-09-09
jquery 綁定回車動(dòng)作撲捉回車鍵觸發(fā)的事件
這篇文章主要介紹了jquery如何撲捉回車鍵觸發(fā)的事件,需要的朋友可以參考下
2014-03-03
jQuery $.each遍歷對(duì)象、數(shù)組用法實(shí)例
這篇文章主要介紹了jQuery $.each遍歷對(duì)象、數(shù)組用法實(shí)例,本文講解了在有參數(shù)和無參數(shù)的情況下遍歷對(duì)象及遍歷數(shù)組的例子及each方法的幾種常用用法,需要的朋友可以參考下
2015-04-04
JQuery for與each性能比較分析
性能優(yōu)化遇到很多細(xì)節(jié)問題(for與each性能比較)記錄下來分享給大家，希望對(duì)你有所幫助
2013-05-05
easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了easyUI combobox實(shí)現(xiàn)聯(lián)動(dòng)效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-01-01
JavaScript 學(xué)習(xí)筆記之一jQuery寫法圖片等比縮放以及預(yù)加載
以前對(duì)于JavaScript總是在用到的時(shí)候在頁面上寫幾個(gè)函數(shù)，基本沒考慮到函數(shù)的封裝與重用，最近有個(gè)項(xiàng)目可能對(duì)于這方面要求有點(diǎn)高，所以就研究了下類似jQuery的封裝
2012-06-06
jquery ui 1.7 ui.tabs 動(dòng)態(tài)添加與關(guān)閉(按鈕關(guān)閉+雙擊關(guān)閉)
jquery ui 1.7 ui.tabs 動(dòng)態(tài)添加與關(guān)閉(按鈕關(guān)閉+雙擊關(guān)閉)實(shí)現(xiàn)代碼，需要的朋友可以參考下。
2010-04-04
Jquery easyUI 更新行示例
這篇文章主要介紹了Jquery easyUI 更新行、更新指定的行,需要的朋友可以參考下
2014-03-03
基于JQuery的動(dòng)態(tài)刪除Table表格的行和列的代碼
基于JQuery的動(dòng)態(tài)刪除Table表格的行和列的代碼以前腳本之家也發(fā)布過相關(guān)的代碼，大家可以參考下。
2011-05-05
jQuery選擇器基礎(chǔ)入門教程
這篇文章主要介紹了jQuery選擇器基礎(chǔ)知識(shí),結(jié)合實(shí)例分析了jQuery選擇器的功能、使用方法與相關(guān)操作技巧,需要的朋友可以參考下
2016-05-05