萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> 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>

copyright © 萬盛學電腦網 all rights reserved