remove HTML from input jquery

Question

If i get the .val() from a text input, how can I make sure there is no HTML in there and just plain text?

I am writing a small chat program but I dont want users to be able to enter HTML.

You could use jQuery, $("<div>" + $(input).val() + "</div>").text(), or you could use a regexp. — user400654
– user400654, Commented Aug 1, 2012 at 15:57

thomallen · Accepted Answer · 2012-08-01 16:14:25Z

2

You can do it by getting the textContent of the HTML they enter:

// Get the value of the input
var inputText = $('#my-input').val();
// Store only the text and no HTML elements.
inputText = $(inputText)[0].textContent;

Here is an example:

http://jsfiddle.net/thom801/5A3sQ/1/

answered Aug 1, 2012 at 16:14

thomallen

2,0841 gold badge19 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Chud37 Over a year ago

aah brilliant - any thoughts on how to leave only certain tags? like bold and italics?

thomallen Over a year ago

You would probably need to learn some regex at that point. It would be really difficult I think. Maybe a WYSIWYG editor would work well for what you are doing? There are some really lightweight ones.

Joel Peltonen Over a year ago

Well. You could use a combination of .html() and .each too to whitelist tags. It will get a little complicated when the tags are nested but not impossible.

Luca Detomi Over a year ago

Hi, good solution but... it seems that it does not run if value is plain text without html... it generates errors. Instead a code like inputText = inputText.replace(/<\/?[^>]+(>|$)/g, ""); seems running correctly

Collectives™ on Stack Overflow

remove HTML from input jquery

1 Answer 1

4 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related