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(/'/g, '&#39;')
  str = str.replace(/`/g, '&#96;')
  str = str.replace(/\//g, '&#x2F;')
  return str
}
2.3 过滤回车(\r)换行(\n)

过滤函数

filterLineFeedStr: function(str) {
    return str.replace(/(\r\n|\r|\n)+/g, '')
}

注意:本文归作者所有,未经作者允许,不得转载