The input box filters non-numeric js Code, and the input box js Code

The input box filters non-numeric js Code, and the input box js Code

HTML:
Copy codeThe Code is as follows:
<Input type = "text" id = "only"/>

JS:

Window. onload = function (e) {var text = document. getElementById ("only"), pattern =/\ d/, // pattern matches the alphanumeric key pattern2 =/(9 [6-9]) | (10 [0-5]) | 3 (7 | 9) // pattern2 matches the numeric key on the keypad and the left and right direction keys EventHandle = {}, event = e | window. event; // an event processing object // when a webpage is loaded, judge and define properties for the event processing object. In this way, the event object method only needs to be judged once, other events in the future // The if (event. preventDefault) {EventHandle. preventDefault = function (e) {e. preventDefault () ;};} else {EventHandle. preventDefault = fu Nction (e) {e. returnValue = false;} text. onkeydown = function (e) {var event = e | window. event; // The event objects of different events are different. The event is not the same as the previous event. if (! Pattern. test (String. fromCharCode (event. keyCode) & event. keyCode! = 8 // keyCode = 8 is the return key. Because you can modify the entered number, the Return key and the left and right direction keys are not allowed &&! Pattern2.test (event. keyCode. toString () | event. shiftKey | event. ctrlKey | event. metaKey) {EventHandle. preventDefault (event); // if this method of the object is not used, it can be executed as follows. However, it is unnecessary to make a judgment every time you press the keyboard, therefore, when the page is loaded, define a method for the event processing object. After loading, the object method is determined and will be ready later. // if (event. preventDefault) {// event. preventDefault (); //} else {// event. returnValue = false ;//}}}}

Uncommented version:

window.onload=function(e){var text=document.getElementById("only"),pattern=/\d/,pattern2=/(9[6-9])|(10[0-5])|3(7|9)/,EventHandle={},event=e||window.event;if(event.preventDefault){EventHandle.preventDefault=function(e){e.preventDefault();};}else{EventHandle.preventDefault=function(e){e.returnValue=false;}}text.onkeydown=function(e){var event=e||window.event;if(!pattern.test(String.fromCharCode(event.keyCode))&&event.keyCode!=8&&!pattern2.test(event.keyCode.toString())||event.shiftKey||event.ctrlKey||event.metaKey){EventHandle.preventDefault(event);}}}

In IE11, F12 can open the developer tool and select the IE version for debugging.

How does js implement non-numbers in the input box?

Onkeyup = "value = value. replace (/[^ \ w]/ig,'') "in the input box ,'')"

Js determines the range of input boxes, and can only enter detailed code of numbers

<Input type = "text" onkeyup = "javascript: this. value = this. value. replace (/[^ \ d]/g, ''); if (this. value <0 ){
This. value = 0 ;}; if (this. value> 1000) {this. value = 1000;} "onchange =" javascript: this. value = this. value. replace (/[^ \ d]/g, ''); if (this. value <0 ){
This. value = 0 ;}; if (this. value> 1000) {this. value = 1000 ;}"/>
Make sure you cannot enter anything except 0-numbers.