Trigger function on number input

Question

I have a text input where users are able to write addresses, I want to trigger a javascript function when a number is typed in the text input, how can I achieve it?

EDIT: What I need is to know when a number has been typed, onkeyup via jquery works like a charm, this is what I did:

$("#q").keyup((e) => {

        var value = $("#q").val();

        var regex = new RegExp("[a-zA-Z0-9_ ]\\d+");

        var succeded = regex.test(value);

        ...

_"how can I achieve it"_ by doing some research, trying things, getting it wrong, looking up solutions (not on SO). StackOverflow should be the _last place_ you come to for a solution. — evolutionxbox, Jun 05 '17 at 10:19
You should be able to use Jquery keypress or keydown or keyup events and then check whether numbers are entered or not.Then you can fire respective function.Its better to add some code snippet over here. — Mayank Patel, Jun 05 '17 at 10:20
you can check this one:- https://stackoverflow.com/questions/13196945/keycode-values-for-numeric-keypad it may help you — Bibhudatta Sahoo, Jun 05 '17 at 10:22
Possible duplicate of [keyCode values for numeric keypad?](https://stackoverflow.com/questions/13196945/keycode-values-for-numeric-keypad) — RAUSHAN KUMAR, Jun 05 '17 at 10:26

score 1 · Answer 1 · answered Jun 05 '17 at 10:22

1

You can simply do:

$("input").keyup(function(){
    $("input").css("background-color", "pink");
});

Source

answered Jun 05 '17 at 10:22

Amrinder Singh

5,300
12
46
88

score 1 · Accepted Answer · answered Jun 05 '17 at 10:25

you just need to use build in KeyEvents, like (keyDown, keyUp, keyPress , etc.). You can find a lot of information about it. KeyboardEvent mozilla

Create html input, and give unique ID.
Form JS code take this element.
Then just bind event handler to target element.

["YOUR_ELEMENT"].addEventListener("keypress", function(e) { console.log(e.value);}, false);

score 0 · Answer 3 · answered Jun 05 '17 at 10:21

0

$('.js-input').on('keydown', function(e) {
    console.log('pressing:', e.keyCode);
});

<input type="text" class="js-input">

DEMO

This will get you started

answered Jun 05 '17 at 10:21

Dejan.S

18,571
22
69
112

Tarik Hacialiogullari · Answer 4 · 2017-06-05T10:29:13.727

0

This will do your job:

$('#tbInput').keypress(function(event){

if(event.which != 8 && isNaN(String.fromCharCode(event.which))){
}
else
{
//Your function that you want to trigger.
alert("You pressed a numberic key: " + event.which);
}});

You can test it here: JSFIDDLE DEMO

edited Jun 05 '17 at 10:29

answered Jun 05 '17 at 10:22

Tarik Hacialiogullari

171
11

Trigger function on number input

4 Answers4