I want only numeric in my text box (I want only work with input id or class)

Question

This is my input field, I want right a j query code for only numeric keyword type in this field. if user type string then can't do this .

<input type="tel" name="jobapp_phone" class="sjb-form-control sjb-phone-number sjb-required" id="jobapp_phone" required="required" autocomplete="off" placeholder="099876 54321">

And you shouldnt use type="tel" as it isnt supported by many browsers... — Jonas Wilms, Aug 25 '16 at 11:34
Keep in mind that users can mess with your front end code to change the input to textual at any time, therefor, you should always validate server-side as well. — roberrrt-s, Aug 25 '16 at 11:35
Possible duplicate of [HTML Text Input allow only Numeric input](http://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input) — Andreas, Aug 25 '16 at 11:39

score 2 · Answer 1 · answered Aug 25 '16 at 11:33

2

Here you go

  <input type="number" name="quantity" min="1" max="5">

answered Aug 25 '16 at 11:33

fuzzybear

2,325
3
23
45

score 2 · Accepted Answer · answered Aug 25 '16 at 11:34

2

check this it allows only numbers in the text field

$(function() {
  $('#main').on('keydown', '#onlyNumbers', function(e){-1!==$.inArray(e.keyCode,[46,8,9,27,13,110,190])||/65|67|86|88/.test(e.keyCode)&&(!0===e.ctrlKey||!0===e.metaKey)||35<=e.keyCode&&40>=e.keyCode||(e.shiftKey||48>e.keyCode||57<e.keyCode)&&(96>e.keyCode||105<e.keyCode)&&e.preventDefault()});
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="main">
 <input id="onlyNumbers" type="text" />
</div>

answered Aug 25 '16 at 11:34

Ganesh Putta

2,622
2
19
26

ganes this is awesome i got it what i want – Sanjay Yadav Aug 25 '16 at 12:21
Thank u... sanjay yadav – Ganesh Putta Aug 25 '16 at 12:24

I want only numeric in my text box (I want only work with input id or class)

2 Answers2