JavaScript or Jquery code to prevent special chars on number pad

Question

In my project, I have to prevent the user form entering the following chars in the text box: !@#$%^&*(). So How to achieve this with JavaScript/Jquery? I am using it in asp.net web application.

I might suggest that in this case, like many but not all validation cases, it may be better to have a set of allowed characters rather than a set of prohibited ones. — Jon Hanna, Mar 25 '11 at 13:23

score 0 · Answer 1 · answered Mar 25 '11 at 13:18

0

Use regular expression and/or jQuery validation plugin on client side. However you should validate your stuff also on server side.

answered Mar 25 '11 at 13:18

yojimbo87

65,684
25
123
131

score 0 · Accepted Answer · answered Mar 25 '11 at 13:18

0

You can use the following library : jQuery plugin validation

And add a custom method as demoed here Phone US

Hope this helps.

answered Mar 25 '11 at 13:18

foo

160
4

score 0 · Answer 3 · answered Mar 25 '11 at 13:29

0

<body>
    <input type="text" id="keys">
    <script>
    var forbidden = /[\!\@\#\$\%\^\&\*\(\)]/g;
    var field = document.getElementById('keys');

    field.addEventListener("keyup", function (evt) {
        var val = field.value;
        if (forbidden.test(val)) {
            field.value = val.replace(forbidden, "");
        }
    }, false);
    </script>
</body>

answered Mar 25 '11 at 13:29

Samuli Hakoniemi

18,740
1
61
74

This cleans illegal characters also when copy+pasting, while keydown doesn't. – Samuli Hakoniemi Mar 25 '11 at 13:33

score 0 · Answer 4 · edited Aug 17 '17 at 02:08

Try this a code for each character.

$('input:text').keydown(function(e){
  if(e.shiftKey && (e.keyCode == 192 || e.keyCode == 49 || 
    e.keyCode == 222 || e.keyCode == 52 || e.keyCode == 53 || 
    e.keyCode == 54 || e.keyCode == 55 || e.keyCode == 56 || 
    e.keyCode == 57 || e.keyCode == 48)){
      return false;
  }
})

You could try how do i block or restrict special characters from input fields with jquery?

Oh yes and validate your input on the server side as well

JavaScript or Jquery code to prevent special chars on number pad

4 Answers4