| | |
|---|
| | | <template>
|
|---|
| | | <u-form :model="form" class="form-box" :rules="rules">
|
|---|
| | | <u-form :model="form" class="form-box" :rules="rules" ref="refForm">
|
|---|
| | | <u-form-item class="form-item" label="姓名" required prop="name" labelWidth="80">
|
|---|
| | | <u-input v-model="form.name" border="none" placeholder="姓名" />
|
|---|
| | | </u-form-item>
|
|---|
| | |
|---|
| | | trigger: ['change', 'blur'],
|
|---|
| | | }],
|
|---|
| | | idCard: [{
|
|---|
| | | required: true, |
|---|
| | | message: '请输入身份证号', |
|---|
| | | // 可以单个或者同时写两个触发验证方式 |
|---|
| | | required: true,
|
|---|
| | | message: '请输入身份证号',
|
|---|
| | | // 可以单个或者同时写两个触发验证方式 |
|---|
| | | trigger: ['change', 'blur'],
|
|---|
| | | }, {
|
|---|
| | | // 自定义验证函数，见上说明
|
|---|
| | | validator: (rule, value, callback) => {
|
|---|
| | | const reg = /^\d{6}((((((19|20)\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|(((19|20)\d{2})(0[13578]|1[02])31)|((19|20)\d{2})02(0[1-9]|1\d|2[0-8])|((((19|20)([13579][26]|[2468][048]|0[48]))|(2000))0229))\d{3})|((((\d{2})(0[13-9]|1[012])(0[1-9]|[12]\d|30))|((\d{2})(0[13578]|1[02])31)|((\d{2})02(0[1-9]|1\d|2[0-8]))|(([13579][26]|[2468][048]|0[048])0229))\d{2}))(\d|X|x)$/
|
|---|
| | | if (reg.test(value)) { |
|---|
| | | return true |
|---|
| | | } |
|---|
| | | return false |
|---|
| | | },
|
|---|
| | | message: '请输入正确的身份证号',
|
|---|
| | | // 触发器可以同时用blur和change
|
|---|
| | | trigger: ['change', 'blur'],
|
|---|
| | | }]
|
|---|
| | | }
|
|---|
