javascript - 使用javascript检查textarea中是否输入了任何html标签

Question

我有一个简单的评论系统，我希望用户不要输入任何 html 特殊字符，如果他们这样做，他们应该发出“不允许 html 标签”的警报。怎么做？

提交时，ajax 调用会传递到另一个页面以将其存储在数据库中。

那么在javascript本身中(在ajax调用之前)，如何查找输入的评论中是否有html标签。

任何建议。

Answer 1

要检查是否可以在 DOM 中创建元素，请将注释注入(inject)其中并使用 [element].getElementsByTagName('*') 检查是否有任何 html 元素。如果length不为0，则说明注释中有html元素。像这样的东西:

document.querySelector('#check').addEventListener('click', doCheck);

function doCheck(e) {
 var chkEl = document.createElement('div'), 
     isok,
     report,
     value = document.querySelector('#testing').value;
 if (!value.length) {return true;}
 chkEl.innerHTML = value;
 report = document.querySelector('[data-report]');
 isok = !chkEl.getElementsByTagName('*').length;
 report.setAttribute( 'data-report',
                 !isok 
                 ? 'you can\'t enter html here!' 
                 : 'text looks ok' );
 report.style.color = isok ? 'green' : 'red';
}

[data-report]:before {
  content: attr(data-report);
}

<textarea id="testing" placeholder="type some stuff"></textarea>
<span data-report=""></span>
<br>
<button id="check">check for html</button>

免责声明:您也应该始终检查服务器端。