僅限正整數輸入

在某些瀏覽器不支援type number時這個是一個很好的替代方案

 

 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"  
 2         "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
 3 <html xmlns="http://www.w3.org/1999/xhtml">  
 4 <head>  
 5     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>  
 6     <title>僅限正整數輸入</title>  
 7   
 8 </head>  
 9   
10 <body>  
11 <script>  
12     //void function (window,undefined){   
13     window.onload = function() {  
14         var doc = document,list = doc.getElementsByTagName('input');  
15           
16           
17         availableNumberInput(list);  
18     }  
19     function availableNumberInput(inputs) {  
20         var len = inputs.length,i,reg = /^(8|9|4[8-9]|5[0-7]|9[6-9]|10[0-5])$/ig;  
21           
22         document.onmousedown=function(){  
23              try{  
24                 document.selection.empty()  
25              }catch(e){  
26                 getSelection().removeAllRanges()  
27             }  
28         }  
29         for (i = len; i > 0; (inputs[--i].onkeydown = function(e) {  
30             e = window.event || e;  
31             var target = e.srcElement || e.target,code = e.charCode || e.keyCode;  
32             reg.lastIndex = 0;  
33             if (!reg.test(code) || e.shiftKey) {  
34                 return false;  
35             }  
36             target.value === '0' && (target.value = '');  
37         },inputs[i].oncontextmenu = function() {  
38             return false;  
39         }),inputs[i].style.imeMode = 'disabled') {  
40         }  
41     }  
42     //}(window);   
43 </script>  
44   
45 拖個文字進輸入框看看<br/>  
46 <input type="text"/><br/>  
47 <input type="text"/><br/>  
48 <input type="text"/>  
49 </body>  
50 </html>