DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> javascript只能輸入數字和小數點的文本框
javascript只能輸入數字和小數點的文本框
編輯:JavaScript綜合知識     

只能輸入數字和小數點的文本框
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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved