Friday, 11 November 2016

Textbox Accept only Numbers in AngularJS

Below the code which is help full for you guys...if you want to enter only numbers in Textbox excepting alphabets and special character.

Include below the line Html File:

Number : <input type="text" name="quantity" id="quantity" />&nbsp;<span id="errmsg"></span>

Included the below the code in JS:
--------
$(document).ready(function () {
  //called when key is pressed in textbox
  $("#quantity").keypress(function (e) {
     //if the letter is not digit then display error and don't type anything
     if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
        //display error message
        $("#errmsg").html("Digits Only").show().fadeOut("slow");
               return false;
    }
   });
});
-------------------
Include the below CSS in Css File:

#errmsg
{
color: red;
}

OutPut:

1 comment: