Vue.js - Element UI - Form validation regexp

Question

I'd like to validate a form using vue-js 2.3 and element-ui

Apparently, they use async-validator to validate the form. The documentation is here.

Uncaught Error: Unknown rule type D*([2-9]d{2})(D*)([2-9]d{2})(D*)(d{4})D*

I do not know how to validate a field with regexp. I find the documentation not explicit enough on that topic.

Bert · Accepted Answer · 2017-06-06 17:18:56Z

12

Pattern

The pattern rule property indicates a regular expression that the value must match to pass validation.

Use

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

Updated fiddle.

answered Jun 6, 2017 at 17:18

Bert

82.6k17 gold badges205 silver badges166 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Very sound answer, but is there not any way to implement this pattern globally for whole Element-UI Component?