Disable pasting in a textbox using jQuery
Posted
by Michel Grootjans
on Geeks with Blogs
See other posts from Geeks with Blogs
or by Michel Grootjans
Published on Thu, 27 Jan 2011 16:35:23 GMT
Indexed on
2011/01/28
23:27 UTC
Read the original article
Hit count: 320
I had fun writing this one
My current client asked me to allow users to paste text into textboxes/textareas, but that the pasted text should be cleaned from '<...>' tags. Here's what we came up with:
$(":input").bind('paste', function(e) { var el = $(this); setTimeout(function() { var text = $(el).val(); $(el).val(text.replace(/<(.*?)>/gi, '')); }, 100); }) ;
This is so simple, I'm amazed. The first part just binds a function to the paste operation applied to any input declared on the page.
$(":input").bind('paste', function(e) {...});
In the first line, I just capture the element. Then wait for 100ms
setTimeout(function() {....}, 100);
then get the actual value from the textbox, and replace it with a regular expression that basically means replace everything that looks like '<{0}>' with ''. gi at the end are regex arguments in javascript.
/<(.*?)>/gi
© Geeks with Blogs or respective owner