error message still showing when i press backspace(e.which ==8)

Question

This is the code. i just want to hide message when i press backspace key, i don't know why it is not going away on backspace other than that it works fine.

    //on keypressed in textbox
    $(".phone").keypress(function (e) {
        if (e.which == 8 ){
            $(".errmsg").hide();
        }
        //if not numeric, then it don't let you type
        if (e.which != 8 && e.which != 43 && e.which != 45  && (e.which < 48 || e.which > 57)) {
           debugger
            //display error message
            $(".errmsg").html("Digits Only").show();
            e.preventDefault();
        } else {
            debugger
            $(".errmsg").hide();
        }
    });

see this, https://stackoverflow.com/questions/4690330/jquery-keypress-backspace-wont-fire . — Neo Anderson, Jan 14 '20 at 05:37

Sohail Ashraf · Accepted Answer · 2020-01-14T05:49:44.110

Please use keyup and keydown events to handle this.

//on keypressed in textbox
$(".phone").on('keyup keydown', function(e) {
    if (e.which == 8) {
        console.log('backspace key pressed');
    }

    //if not numeric, then it don't let you type
    if (e.which != 8 && e.which != 43 && e.which != 45 && (e.which < 48 || e.which > 57)) {

        //display error message
        $(".errmsg").html("Digits Only").show();
        e.preventDefault();
    } else {

        $(".errmsg").hide();
    }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

 <input type="text" class="phone" />

error message still showing when i press backspace(e.which ==8)

1 Answers1