vant组件Search搜索框校验

html

 <van-search
      v-model="searchWords"
      :formatter="formatter"
      placeholder="搜索单据号、报销人、部门、费用类型"
      @search="onSearch"
      @clear="onClear"
      @update:model-value="onUpdate"
    />

Vant 3 - Mobile UI Components built on Vue

:formatter="formatter"输入时执行格式化

js

 const formatter = value => {
     //逻辑判断
        const reg = /[~!@#$%^&*()_+|}{":?><,./;'[\]\=` 、]|(null)|(NULL)/g
      if (reg.test(value)) {
        Toast.fail('输入框不能出现特殊字符 ~!@#$%^&* \\()_+|}{":?><,./;=]`、[')
      }
      return value.replace(reg, '')
    }

校验：特殊字符+null：/[~!@#$%^&*()_+|}{":?><,./;'[\]\=` 、]|(null)|(NULL)/g

提示信息：

if (reg.test(value)) {

        Toast.fail('输入框不能出现特殊字符')

      }