首頁 > 開發者 > JavaScript

javascript只能輸入數字和小數點的文字框

來源：互聯網
上載者：User
創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

只能輸入數字和小數點的文字框
Html代碼

  1. <html>  
  2. <head>  
  3. <meta http-equiv="content-Type" content="text/html;charset=gb2312">  
  4. </head>  
  5. <body>  
  6. <!--把下面代碼加到<body>與</body>之間-->  
  7. 只能輸入數字和小數點的文字框：<input onkeyup="value=value.replace(/[^d.]/g,'')">  
  8. </body>  
  9. </html>  

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"></head><body><!--把下面代碼加到<body>與</body>之間-->只能輸入數字和小數點的文字框：<input onkeyup="value=value.replace(/[^d.]/g,'')"></body></html>

小數點判斷
1 第一個輸入必須是數字，不能是小數點。例如.111
2 不能存在多個.連續，只能一個。例如12....1
3 不多出現一個.在不同地方。例如12.1.1
Html代碼

  1. <html>  
  2. <head>  
  3. <meta http-equiv="content-Type" content="text/html;charset=gb2312">  
  4. <title>js 只能輸入數字和小數點</title>  
  5. <script language="JavaScript" type="text/javascript">  
  6.      function clearNoNum(obj)   
  7.      {   
  8.          //先把非數位都替換掉，除了數字和.   
  9.         objobj.value = obj.value.replace(/[^d.]/g,"");   
  10.          //必須保證第一個為數字而不是.   
  11.         objobj.value = obj.value.replace(/^./g,"");   
  12.          //保證只有出現一個.而沒有多個.   
  13.         objobj.value = obj.value.replace(/.{2,}/g,".");   
  14.          //保證.只出現一次，而不能出現兩次以上   
  15.         objobj.value = obj.value.replace(".","$#$").replace(/./g,"").replace("$#$",".");   
  16.      }   
  17.     </script>  
  18. </head>  
  19. <body>  
  20. <!--把下面代碼加到<body>與</body>之間-->  
  21. 只能輸入數字和小數點的文字框：<input id="input1" onkeyup="clearNoNum(this)">  
  22. </body>  
  23. </html>  

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能輸入數字和小數點</title><script language="JavaScript" type="text/javascript"> function clearNoNum(obj) { //先把非數位都替換掉，除了數字和. obj.value = obj.value.replace(/[^d.]/g,""); //必須保證第一個為數字而不是. obj.value = obj.value.replace(/^./g,""); //保證只有出現一個.而沒有多個. obj.value = obj.value.replace(/.{2,}/g,"."); //保證.只出現一次，而不能出現兩次以上 obj.value = obj.value.replace(".","$#$").replace(/./g,"").replace("$#$","."); } </script></head><body><!--把下面代碼加到<body>與</body>之間-->只能輸入數字和小數點的文字框：<input id="input1" onkeyup="clearNoNum(this)"></body></html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

聯繫我們

該頁面正文內容均來源於網絡整理，並不代表阿里雲官方的觀點，該頁面所提到的產品和服務也與阿里云無關，如果該頁面內容對您造成了困擾，歡迎寫郵件給我們，收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容，歡迎發送郵件至： info-contact@alibabacloud.com 進行舉報並提供相關證據，工作人員會在 5 個工作天內聯絡您，一經查實，本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

  • Sales Support

    1 on 1 presale consultation

    Chat Contact Sales

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    Open a Ticket

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

    Learn More