javascript - Vuelidate 验证多个电子邮件的逗号分隔列表

Question

我正在为此表单使用 vuelidate 的电子邮件验证器:

    <div class="form-group" :class="{ 'has-error': $v.newParcel.onSiteContactEmail.$error }">
      <label for="onSiteContactEmail">OnSite Contact Email</label>
      <input type="email" name="onSiteContactEmail" id="onSiteContactEmail" class="form-control" v-model="newParcel.onSiteContactEmail" @input="$v.newParcel.onSiteContactEmail.$touch" maxlength="255">
      <span v-show="$v.newParcel.onSiteContactEmail.$error || !$v.newParcel.onSiteContactEmail.email" class="help-block">Please provide a valid OnSite Contact Email</span>
    </div>

效果很好，但无法验证以逗号分隔的电子邮件列表。验证器代码有一个正则表达式变量:

const emailRegex = /(^$|^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$)/

我正尝试在我的validations 方法中对其进行自定义:

onSiteContactEmail: 
  {
    required: required, 
    type: email, 
    emailRegex: /(^$|^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))+$)/
  }

如果有人对此有任何想法，我将不胜感激!

Answer 1

没关系，我刚刚创建了一个自定义验证器:

const customEmail = value => {
  if (typeof value === 'undefined' || value === null || value === '') {
    return true
  }
  return /^[\W]*([\w+\-.%]+@[\w\-.]+\.[A-Za-z]{2,4}[\W]*,{1}[\W]*)*([\w+\-.%]+@[\w\-.]+\.[A-Za-z]{2,4})[\W]*$/.test(value)
}