特殊字符的检查判断
const reg = /[`~!@#$%^&*()_\-+=<>?:"{}|,.\/;'\\[\]·！#￥（——）：；“”‘、，|《。》？、【】[\]]/;
if(reg.test(changeGroupName.value)){
message.warning('文件夹名称不能包含~!#$%个&*()=+/N[];∵:",?/<>等字符')
return
}
特殊字符替换
const onKeyUp = ()=>{
changeGroupName.value=changeGroupName.value.replace(/([^0-9A-z\u4e00-\u9fa5]|[\^_])/g,'');
}
特殊字符串转码
encodeURI
一个新字符串，表示提供的字符串编码为统一资源标识符 (URI)。
encodeURI 会替换所有的字符，但不包括以下字符，即使它们具有适当的 UTF-8 转义序列：
| 类型 | 包含 |
|---|---|
| 保留字符 | ; , / ? : @ & = + $ |
| 非转义的字符 | 字母 数字 - _ . ! ~ * ' ( ) |
| 数字符号 | # |
解决的方法：
1、replace() 方法如果直接用str.replace("-","!") 只会替换第一个匹配的字符.
而str.replace(/\-/g,"!")则可以替换掉全部匹配的字符(g为全局标志)。
replace()
js中替换字符变量如下：
data2=data2.replace(/\%/g,"%25");
data2=data2.replace(/\#/g,"%23");
data2=data2.replace(/\&/g,"%26");
| 符号 | 解释 | 转义 |
| # | 用来标志特定的文档位置 | %23 |
| % | 对特殊字符进行编码 | %25 |
| & | 分隔不同的变量值对 | %26 |
| + | 在变量值中表示空格 | %2B |
| / | 表示目录路径 | %2F |
| = | 用来连接键和值 | %3D |
| \ | 表示目录路径 | %5C |
| ? | 表示查询字符串的开始 | %3F |
| 空格 | 空格 | %20 |
| . | 句号 | %2E |
| : | 冒号 | %3A |
keyword=encodeURI(searchContent.value)
keyword=keyword.replace(/\#/g,"%23"); 2、使用encodeURIComponent这个方法会对这些字符编码。
encodeURIComponent
encodeURIComponent 转义除了如下所示外的所有字符：
不转义的字符：
A-Z a-z 0-9 - _ . ! ~ * ' ( )原字串作为 URI 组成部分被被编码后的新字符串。
encodeURIComponent() 和 encodeURI 有以下几个不同点：
var set1 = ";,/?:@&=+$"; // 保留字符
var set2 = "-_.!~*'()"; // 不转义字符
var set3 = "#"; // 数字标志
var set4 = "ABC abc 123"; // 字母数字字符和空格
console.log(encodeURI(set1)); // ;,/?:@&=+$
console.log(encodeURI(set2)); // -_.!~*'()
console.log(encodeURI(set3)); // #
console.log(encodeURI(set4)); // ABC%20abc%20123 (空格被编码为 %20)
console.log(encodeURIComponent(set1)); // %3B%2C%2F%3F%3A%40%26%3D%2B%24
console.log(encodeURIComponent(set2)); // -_.!~*'()
console.log(encodeURIComponent(set3)); // %23
console.log(encodeURIComponent(set4)); // ABC%20abc%20123 (空格被编码为 %20)
var u="index.php?blogId=1&op=Default";
var getURL="http://www.simplelife.cn/test.php?p="+encodeURI(u);最终的getURL的值为：
http://www.simplelife.cn/test.php?p=index.php?blogId=1&op=Default参数u中的字符"&op=Default"，将不会作为字符串参数传递到服务器端，而是当作test.php的参数传递过去了，因为对"&op=Default"中的字符"&"没有做编码。
文字及特殊字符解码
decodeURI(encodedURI)
decodeURIComponent(encodedURI)