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*

我不知道如何使用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。