使用vee-validate执行Require和Regex

Question

我正在尝试用vee-validate设置一个required和regex属性。正则表达式位works fine，但只要我添加了所需的属性，整个控件disappears from the form就会生效。

这可以很好地工作(fiddle)，但缺少必需的属性(为便于阅读，请使用多行)：

<input 
  v-validate="{ regex:/^((\d{3})[ -]|(\d{3}[ -]?)){2}\d{4}$/ }" 
  :class="{'input': true, 'is-danger': errors.has('phonenumber') }" 
  class="input is-primary" 
  name="phonenumber" 
  type="text" 
  placeholder="404-555-1212"
> <!-- end input -->

这会导致整个表单消失(fiddle) (为便于阅读，请使用多行)：

<input 
  v-validate="{ required|regex:/^((\d{3})[ -]|(\d{3}[ -]?)){2}\d{4}$/ }" 
  :class="{'input': true, 'is-danger': errors.has('phonenumber') }" 
  class="input is-primary" 
  name="phonenumber" 
  type="text" 
  placeholder="404-555-1212"
> <!-- end input -->

我尝试过使用逗号来分隔vee-validate属性，但同样也失败了。

我遗漏了什么？

Answer 1

为了让属性正常工作，我需要包含required: true,。

如下所示：

<input 
  v-validate="{ required: true, regex:/^((\d{3})[ -]|(\d{3}[ -]?)){2}\d{4}$/ }" 
  :class="{'input': true, 'is-danger': errors.has('phonenumber') }" 
  class="input is-primary" 
  name="phonenumber" 
  type="text" 
  placeholder="404-555-1212"
> <!-- end input -->