HTML5 input type=number should allow only unsigned integer

Question

How to prevent other number related characters other than unsigned integer

For example - e ...etc

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"/>
<form action="#" class="container">
  <br />
  <br />
  <br />
  <input class="form-control" onkeyup="value=isNaN(parseFloat(value))?1000:value" type="number" value="0">
</form>

Your question is not clear, please explain what you want to achieve, and add some code example in the question. Not just a link, please. — Mario Santini
– Mario Santini, Commented Sep 5, 2016 at 14:30
@Mario Alexandro Santini I need to type salary in this field. that means user shouldn't be able to type dot, comma, minus....etc — Mo.
– Mo., Commented Sep 5, 2016 at 14:31
In addition to all the answers, don't forget to validate the format on the backend. You don't want your service to crash and be potentially exploitable. — Jose Gómez
– Jose Gómez, Commented Sep 5, 2016 at 14:35
@JoseGómez There is backend validation. it is just UX purpose — Mo.
– Mo., Commented Sep 5, 2016 at 14:47

RegularlyScheduledProgramming · Accepted Answer · 2016-09-05 14:31:11Z

6

If you're ok with HTML5 why not use the pattern attribute and define a number only regex?

<input pattern="[1-9][0-9]*" ...>

answered Sep 5, 2016 at 14:31

RegularlyScheduledProgramming

1,4171 gold badge14 silver badges28 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Vladu Ionut · Accepted Answer · 2016-09-05 14:34:03Z

3

function validate(e) {
  var ev = e || window.event;
  var key = ev.keyCode || ev.which;
  key = String.fromCharCode( key );
  var regex = /[0-9]/;
  if( !regex.test(key) ) {
    ev.returnValue = false;
    if(ev.preventDefault) ev.preventDefault();
  }
}

<input type='text' onkeypress='validate(event)' />

answered Sep 5, 2016 at 14:34

Vladu Ionut

8,2231 gold badge23 silver badges30 bronze badges

Comments

redneb · Accepted Answer · 2016-09-05 14:35:52Z

1

Taking a clue from your implementation, what if you use a regular expression like that:

onkeyup="value=/^\d+$/.test(value)?value:1000"

edited Sep 5, 2016 at 14:35

answered Sep 5, 2016 at 14:32

redneb

24.4k6 gold badges50 silver badges57 bronze badges

Collectives™ on Stack Overflow

HTML5 input type=number should allow only unsigned integer

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related