feat: 判断字符串是否为指定的特殊字符

src/utils/tools.ts

@@ -95,6 +95,15 @@ export const date = {
     },
 };
 
+/** 判断字符串不能为指定的特殊字符 */
+export const isSpecialChar = (str: string, specialChars?: string): boolean => {
+    if (!specialChars) {
+        specialChars = `~～!！@#$¥%^&*()_+-={}[]【】|\\:;"''""“”<>《》,，.。?？/;；…`;
+    }
+    const specialCharsArr = specialChars.split('');
+    return specialCharsArr.some((char) => str.includes(char));
+};
+
 export const generateUUID = () => {
     return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, (c) => {
         const r = (Math.random() * 16) | 0,

src/views/demo/tools/index.vue

@@ -1,15 +1,52 @@
 <template>
+    <base-container>
         <el-card> 打开源代码结合控制台查看 </el-card>
+        <el-form
+            :model="form"
+            label-width="150px"
+            style="width: 600px"
+        >
+            <el-form-item
+                label="是否为特殊字符"
+                prop="specialChars"
+                :rules="isSpecialCharsRules"
+            >
+                <el-input
+                    placeholder="请输入"
+                    v-model="form.specialChars"
+                ></el-input>
+            </el-form-item>
+        </el-form>
+    </base-container>
 </template>
 
-<script setup lang="jsx">
-import { ref } from 'vue';
-import { url, generateUUID, array } from '@/utils/tools';
+<script setup lang="tsx">
+import { ref, computed } from 'vue';
+import { url, generateUUID, array, isSpecialChar } from '@/utils/tools';
 
 defineOptions({
     name: 'DemoTools',
 });
 
+const form = ref({
+    specialChars: '',
+});
+
+const isSpecialCharsRules = computed(() => {
+    return [
+        {
+            validator: (rule, value: string, callback) => {
+                if (isSpecialChar(value)) {
+                    callback(new Error('不能包含特殊字符'));
+                } else {
+                    callback();
+                }
+            },
+            trigger: 'blur',
+        },
+    ];
+});
+
 // url相关工具函数
 const objToUrlParma = url.objToUrlParma({ x: 1, y: 2, z: 3, test: 'test' }, ['y']);
 console.log('将对象转为链接上的参数', objToUrlParma);