vue_iview表单动态验证，发送请求

需求

动态填写数据前端验证后后台再次验证。

动态表单 代码

<FormItem
      v-for="(item,index) in aloneForm.additionalDomainIP"
      :key="index"
      :prop="'additionalDomainIP.'+index+'.domainName'"
      :rules="[{required: true,validator: validatePass,trigger:'blur'}]"
    >
 </FormItem>

方法 validatePass

    validatePass(rule, value, callback) {
      let vm = this
      let resDomainName = /^(?=^.{3,255}$)[a-zA-Z0-9][-a-zA-Z0-9]{0,62}(\.[a-zA-Z0-9][-a-zA-Z0-9]{0,62})+$/
      if (value === '') {
        callback(new Error(vm.$t('Can not be empty')))
      } else {
          if (!resDomainName.test(value)) {
            callback(new Error(vm.$t('Please enter the correct address')))
          } else {
            // 调用接口判断是否使用
          }
      }
    }