дезинфицировать ввод пользователя на стороне клиента с помощью javascript

Question

Я уже обрабатываю санитацию на моей стороне сервера, любой неправильный входной текст, например <script>alert('hi')</script>, может обрабатываться должным образом. Но поскольку я также огибаю данные с помощью WebSocket, так что эта часть будет нарушена, если пользователь отправить

<script>alert('hi')</script> 

Я нашел encodeURIComponent, но спутать с encodeURI, который один для обработки XSS в стороне клиента?

Answer 1

Для XSS Sanitization ознакомьтесь с библиотекой Yahoo xss-filters или по телефону DOMPurify.

Вот пример с использованием DOMPurify:

var input = document.getElementById('input'), 
 
    result = document.getElementById('result'), 
 
    button = document.getElementById('button').addEventListener('click', function(){ 
 
     // Sanitize 
 
     var clean = DOMPurify.sanitize(input.value, {SAFE_FOR_TEMPLATES: true}); 
 

 
     result.innerHTML = clean; 
 
     console.log(clean); 
 
    });

<script src="https://cdnjs.cloudflare.com/ajax/libs/dompurify/0.8.4/purify.min.js"></script> 
 

 
<input type="text" id="input"> 
 
<button id="button">Send</button> 
 
<p id="result"></p>