On Key Down Restrict the user to enter Some Special Characters

I want to restrict the user in toolbar search by not allowing him/her using Some Special Characters like (‘/’,’>’,'<‘,’|’).Please help me out.

$("#tblFundComp").bind("keydown",function(e) 
{
  if(e.keyCode >=48 && e.keyCode <=57 ) 
  { 
    return false; 
  }
  else 
  { 
    return true; 
  }
});

I have placed this piece of code after before search function. But this does not work

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

If you want allow only some special characters are entered in the input field of the search toolbar you can use dataEvents of the searchoptions defined using type:'keypress' or type:'keydown'. It will follows to call jQuery.bind and jQuery.unbind for the corresponding input field. The code fragment which allows only digits is following

searchoptions: {
    dataEvents: [
        {
            type: 'keypress', // keydown
            fn: function(e) {
                // console.log('keypress');
                if(e.keyCode >=48 && e.keyCode <=57) {
                    // allow digits
                    return true;
                } else {
                    // disallow the key
                    return false;
                }
            }
        }
    ]
}

In the live demo you will be not able to enter digits in the search field for the ‘Name’.

All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0