How to restrict value for Input field?
Question
I have Input filed - But it Should Accept only following string
A,C,D,K,1,2,3 and 5
If any other value is put it should not accept.
How Can I handle this?
3 answers
solution1
0 2019-06-21 15:00:46
使用正则表达式 .on onChange 文本输入道具，您只需使用正则表达式验证数据。
solution2
0 2019-06-21 15:28:34
May be on the keypress event:
//A,C,D,K,1,2,3 and 5 var allowedKeyCodes = [65,67,68,75,49,50,51,53] function validate(){ return allowedKeyCodes.includes(event.keyCode); }
<input type="text" onkeypress="return validate()" >
solution3
0 ACCPTED 2019-06-21 17:03:12
<HTML> <BODY> <input id="inputField" value="" onkeypress="validateInput(event)"/> </BODY> <script type="text/javascript"> function validateInput(e) { debugger; let userinput =String.fromCharCode(e.which); let regularExpression = new RegExp(/[ACDK1235]/); let isGoodInput = regularExpression.test(userinput); if(!isGoodInput){ alert('User typed bad input[ ' +userinput + ' ], so I am blocking input!'); e.preventDefault(); } else{ alert('User typed good input[ '+userinput+' ]'); } } </script> </HTML>
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How to restrict input field value to certain number
How to restrict only numeric value in input field?
How to dynamically Restrict Duplicated value of <input='text'/> in a looped random value from <input='number'/> field
JavaScript, HTML, CSS - How to Restrict Number / Value Allowed in Input Field With - Validity Check
Restrict input field
Restrict characters in input field
Restrict input totally on an input field
How to restrict user input to hexadecimal value in React?
How to restrict user input of 24 format time into input field?
How to restrict pasting text in an input text field in html
Related Tags