Jeecg-Boot Ant-design-vue 正则验证特殊字符

444 阅读1分钟

Jeecg-Boot Ant-design-vue 正则验证特殊字符

<template>
  //form组件  格式自己渲染
      <a-form :form="form">
        <a-form-item label="名称">
          <a-input v-decorator="['monitorName', validatorRules.monitorName]"/>
        </a-form-item>
      </a-form>
</template>

<script>
  export default {
    name: "MonitorModal",
    data() {
      return {
        form: this.$form.createForm(this),
        validatorRules: {
          monitorName: {rules: [{required: true, message: '必填,请输入信息'},{validator: this.validateCode}]},
        },
      }
    },
    methods: {
      validateCode(rule, value, callback){
        let regEn = /[&>?\/[\\]/im;
        if(regEn.test(value)) {
          callback("名称不能包含&>?/\字符.");
        }else{
          callback();
        }
      },
    },

  }
</script>