Vue.js - 元素UI - 表单验证正则表达式

Question

我想使用vue-js 2.3和element-ui验证表单

显然，他们使用async-validator来验证表单。文档为here。

实施例

https://jsfiddle.net/skd3nyqh/

问题

  

未捕捉错误：未知规则类型D *（[2-9] d {2}）（D *）（[2-9] d {2}）（D *）（d {4}）D * < / p>

我不知道如何使用regexp验证字段。我发现该文档对该主题不够明确。

Answer 1

来自documentation。

  

模式

     

模式规则属性表示正则表达式   值必须匹配才能通过验证。

使用

{required: true, pattern:/\D*([2-9]\d{2})(\D*)([2-9]\d{2})(\D*)(\d{4})\D*/, message: 'Please input phone', trigger: 'blur' }

更新了fiddle。