xxx xxx - 1 year ago 64
HTML Question

How can I make HTML code non-execute?

What I want to do is allow the user to input a string then display that string in the web page inside a

element, but I don't want the user to be able to add a bold tag or anything that would actually make the HTML text bold. How could I make it so the text entered by the user does not get converted into HTML code, if the text has an HTML tag in it?

Answer Source

use .text() when setting the text in the div rather than .HTML. This will render it as text instead of html.

$(document).ready(function() {
  // Handler for .ready() called.

  $("#change-it").click(function() {
    var userLink = $('#usr-input').val().replace(/.*?:\/\//g, "");

<script src=""></script>

<input type="text" class="form-control" id="usr-input">
<button id="change-it" type="button">Update Text</button> 
<div id="users-text"></div>

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download