Input should allow numbers and dash character

Question

I have written jquery for allowing numbers and dash - from being entered

$('.no-special-characters').keydown(function(e){  
  if (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode == 45) {
    return true; 
  }  else {
    return false;
  } 
});

It does not work accordingly. It allows only numbers to be accepted.

Just as a side note, if you want to control what's in an input, you should check characters instead of the keyboard event. Because there are ways to enter characters in an input without explicitly typing it, for example pasting in the input. — Kewin Dousse, Sep 20 '17 at 11:00

score 2 · Answer 1 · edited Jun 20 '20 at 09:12

2

Try this

Updated with backspace support

Allow the keycode of 189

$('.no-special-characters').keydown(function(e) {
   var key =  e.keyCode|e.which;
      console.log(key) //check the key value in your console.log
      if (key >= 48 && key <= 57 || key == 45 || key == 189 ||key == 8){
          return true;
        } else {
          return false;
        }
      });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="no-special-characters">

edited Jun 20 '20 at 09:12

Community

1
1

answered Sep 20 '17 at 11:04

prasanth

22,145
4
29
53

It is not working and it is blocking backspace also – Nida Sep 20 '17 at 11:19
thanks for answer... there is one problem.. It does not allow - character... it should allow - character but not _ character – Nida Sep 20 '17 at 11:43
Ya.In your question `numbers and dash - from being`, you are mention only the number and `-` that's all.Not mention with spl character – prasanth Sep 20 '17 at 11:45
Please help for - character – Nida Sep 20 '17 at 11:47
Lets check my upadted answer.remove the ctrl and shift key validation – prasanth Sep 20 '17 at 11:48
Let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/154892/discussion-between-nida-and-prasad). – Nida Sep 20 '17 at 11:51

score 2 · Answer 2 · answered Sep 20 '17 at 11:05

try this code

$('.no-special-characters').keydown(function(e) {
  if (e.keyCode >= 48 && e.keyCode <= 57 || e.keyCode == 189) {
    return true;
  } else {
    return false;
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="no-special-characters">

score 1 · Answer 3 · answered Sep 20 '17 at 11:10

Here you go with one more solution

$('.no-special-characters').keydown(function(e){  
  if ((e.keyCode >= 48 && e.keyCode <= 57) || e.keyCode == 189) {
    return true; 
  } else {
    return false;
  } 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="no-special-characters" type="text" />

Usually combine the keyCode from 48 to 57 & then the next keyCode condition.

Hope this will help you.

score 0 · Answer 4 · edited Jun 20 '20 at 09:12

e.keyCode = 109 is '-' on numpad

e.keyCode = 189 is '-' in alphabate keybord key on chrome

e.keyCode = 173 is '-' in alphabate keyboard key on firefox & on chrome 173 keycord is Mute On|Off

Source

Maybe this helps you, because using only e.keyCode == 189 (as some answers say) wont work in Firefox.

You can see, what keyCode your key presses return here: Link

Edit: You can also use regular expressions. Then there is no need to add keyCodes for different browsers:

$('.no-special-characters').keypress(function(e){  
    var txt = String.fromCharCode(e.which)
    var pattern = /^[0-9\-]+$/;
    if (!(pattern.test(txt) || e.keyCode == 8)){
            return false;
    }
})

JSFiddle

Input should allow numbers and dash character

4 Answers4