前端特殊字符过滤

最新推荐文章于 2024-02-22 10:01:28 发布

袭人不弄

最新推荐文章于 2024-02-22 10:01:28 发布

阅读量3.6k

点赞数 1

本文链接：https://blog.csdn.net/xi_ren/article/details/104533128

版权

本文介绍了前端开发中为防止用户输入引发的安全问题，如表情包、特殊字符、脚本和回车换行等的过滤方法，特别提出了一种简单的防止XSS注入的策略。

摘要由CSDN通过智能技术生成

1.开发背景

我们在日常的开发中，通常会有需要接受用户输入，并将其传给服务端的需求功能，因为用户身份的不确定性和输入内容的多样性，会导致很多的问题出现，所以需要前端对输入内容做一些处理。

2.过滤内容

2.1 过滤表情包和特殊字符

过滤函数：

specialStrFilter: function(value) {
    let specialStrFilterReg = /[^A-Za-z0-9_\-\u4e00-\u9fa5\~\`\!\@\#\$\%\^\&\*\(\)\-\+\=\[\{\]\}\;\:\,\.\?\<\>\/\·\~\！\￥\……\&\*\（\）\——\「\【\】\」\|\、\|\；\’\：\“\《\》\？\，\。\、\\\'\"]+/g;
    return value.replace(specialStrFilterReg, '');
}

2.2 过滤脚本

过滤函数：

escape: function(str) {
  str = str.replace(/&/g, '&amp;')
  str = str.replace(/</g, '&lt;')
  str = str.replace(/>/g, '&gt;')
  str = str.replace(/"/g, '&quto;')
  str = str.replace(/