How to restrict the special characters being entered in text

Yugesh Naid

9y8.4k.NET

How to restrict the special characters being entered in textbox (ASP.Net, C#.Net, jQuery).

My Current Validation is working as expected [when user types in textbox],

but the problem is it’s getting failed when user Copy Special Characters (#,{,},|) and Paste into the textbox then it’s not working.

How can I prevent the user to Type/Copy Paste Special Characters into my Textbox?

Please assist me.
Thanks.

5 Replies

Know the answer? Post it — somebody with the same question will find it here.

issacpal9y ago
Easy way to restrict :
$(function(){
$( "#TextboxID" ).bind( 'paste',function()
{
setTimeout(function()
{
//get the value of the input text
var data= $( '#textInput' ).val() ;
//replace the special characters to ''
var dataFull = data.replace(/[^\w\s]/gi, '');
//set the new value of the input text without special characters
$( '#textInput' ).val(dataFull);
});
});
});

or Follow this:

function isNumber(evt) {
evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;
if (charCode > 31 && (charCode < 48 || charCode > 57)) {
return false;
}
return true;
}
function filterInput() {
var filtered = [];
setTimeout(function(){
var data = document.querySelector('#mobile').value.split('');
for (var i = 0; i < data.length; i++) {
if (data[i] != ' ' && !isNaN(data[i])) {
filtered.push(data[i]);
}
}
document.querySelector('#mobile').value = filtered.join('');
}, 100)

}

0
Puneet Kankar9y ago
try this code and you also validate on button click event. $('input').on('keypress', function (event) { var regex = new RegExp("^[a-zA-Z0-9]+$"); var key = String.fromCharCode(!event.charCode ? event.which : event.charCode); if (!regex.test(key)) { event.preventDefault(); return false; } });
0
Luqman Moideen9y ago
You can prevent it by using jquery

$(document).ready(function () {
$('#idOfTxtBox').bind("cut copy paste", function (e) {
e.preventDefault();
});
});
0
Midhun Tp9y ago
Hi,

If you want to restrict pasting on your textbox you can write onpaste="return false" on your textbox. Else if you want to remove only special characters from pasted text, then please refer below thread -

https://stackoverflow.com/questions/16782734/how-to-disable-special-characters-from-paste-in-a-textbox
0
Bryian Tan9y ago
If you post some code, it could be helpful. I suspect something wrong with the client side validation, maybe the code is using onKeyUp, OnKeyDown or something to trigger the event. Here is a simple example that work with copy paste. http://jsfiddle.net/akhildave/Ry64u/2/
0