How to put default value to zero when a input number is removed using backspace or using delete button?

Question

I have a input number which should always a default value as zero

Incase the user has done a backspace or delete button and removed the value how can i put default value zero as back

This is my code

$(document).ready(function () {
  $(".numbersonly").keypress(function (e) {
     if(this.value.length=='0')
     {
             $(this).val('0');
     return false;
     }

     if(this.value.length==2) return false;

     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
        $(this).val('0')
               return false;
    }
   });
});

This is my fiddle

http://jsfiddle.net/HkEuf/10265/

Zorken17 · Accepted Answer · 2016-10-26T06:10:07.733

2

You can always put back the 0 if a user leaves the input box and there is no value in it like this:

$(document).ready(function() {
  $(".numbersonly").keyup(function(e) {

    if (this.value.length > 2) {
      $("#errmsg").html("Digits Only").show().fadeOut("slow");
      $(this).val($(this).val().substr(0, this.value.length - 1));
      return false;
    }

  });
  $(".numbersonly").blur(function() {
    console.log("blur")
    if ($(this).val() == "") {
      $(this).val('0')
    }
  })
});

The blur function checks the input box after the user clicks outside of it.

edited Oct 26 '16 at 06:10

answered Oct 26 '16 at 05:40

Zorken17

1,896
1
10
16

this code is not working (Could not able to add a new two digit number ) – Pawan Oct 26 '16 at 05:44
I have updated my code, and you can find it here: http://jsfiddle.net/HkEuf/10268/ – Zorken17 Oct 26 '16 at 06:12
thanks , will it make sense to add $(this).focus(); after $(this).val('0')?? – Pawan Oct 26 '16 at 06:20
I don't think it would work, and I don't think it would be a good practices. – Zorken17 Oct 26 '16 at 06:26

score 1 · Answer 2 · edited May 23 '17 at 12:33

Use keyup rather than keypress, it solves your problem.

The keydown and keyup events represent keys being pressed or released, while the keypress event represents a character being typed.

Check this answer: https://stackoverflow.com/a/11030750/2611451

The events are for completely different purposes. Use keyup and keydown for identifying physical keys and keypress for identifying typed characters. The two are fundamentally different tasks with different events; don't try to mix the two. In particular, keyCode on keypress events is usually redundant and shouldn't be used (except in older IE, but see the linked document below for more on that); for printable keypresses it's usually the same as which and charCode, although there is some variation between browsers.

thanks but , this code is not working (Could not able to add a new two digit number ) — Pawan, Oct 26 '16 at 05:45

How to put default value to zero when a input number is removed using backspace or using delete button?

2 Answers2