How to allow only numbers to be filled into input ref with class name using javascript?

Question

How to allow only numbers to get filled into input ref with class name using javascript ?

I test my code but not work ,

thank you for help.

<script type="text/javascript" src="//code.jquery.com/jquery-1.9.1.js"></script>

<script language="JavaScript" type="text/javascript">
function input_format()
{
    $(.number).val($(.number).val().replace(/[^\d].+/, ""));
    if ((event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
}
</script>

<input type="text" id="number" class="number" name="number" onkeypress="input_format()" onblur="input_format()">

this question has an answer here: http://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input — user3806613, Dec 03 '14 at 06:58
@CerlinBoss - on my code , user can fill char and num into input. but i want to apply for can fill only number. — robert derfolo, Dec 03 '14 at 07:00
i asked, do you get any error in console? like something is not defined — Cerlin, Dec 03 '14 at 07:00

score 1 · Answer 1 · edited Dec 03 '14 at 07:10

1

Try it !

   function numberOnly(event){
      var chCode = (event.charCode === undefined) ? event.keyCode : event.charCode;
      if (chCode > 31 && (chCode < 48 || chCode > 57))
       return false;
      else
       return true;
     }

    <input type="text" id="number" class="number" name="number" onkeypress="return numberOnly(event);">

edited Dec 03 '14 at 07:10

Suchit kumar

11,809
3
22
44

answered Dec 03 '14 at 07:04

InOrderToLive

186
1
1
9

score 0 · Accepted Answer · answered Dec 03 '14 at 07:01

There are 2 problems with your code.

you need to pass the event as an argument

onkeypress="input_format(event)"

Then your function will be look like

function input_format(event)
{

Also you need to wrap the classsname with quotes like this

$(".number").

Your final code will look like

function input_format(event) {
    $(".number").val($(".number").val().replace(/[^\d].+/, ""));
    if ((event.which < 48 || event.which > 57)) {
        event.preventDefault();
    }
}

Working fiddle

How to allow only numbers to be filled into input ref with class name using javascript?

2 Answers2