| | |
| | | <u-input v-model="form.name" border="none" placeholder="姓名" />
|
| | | </u-form-item>
|
| | | <u-form-item class="form-item" label="联系方式" labelWidth="80">
|
| | | <u-input v-model="form.phoneNumber" border="none" placeholder="联系方式" />
|
| | | <u-input type="number" v-model="form.phoneNumber" border="none" placeholder="联系方式" />
|
| | | </u-form-item>
|
| | | <u-form-item class="form-item" label="身份证号码" required prop="idCard" labelWidth="80">
|
| | | <u-input v-model="form.idCard" border="none" placeholder="身份证号码" />
|
| | | <u-input type="idcard" v-model="form.idCard" border="none" placeholder="身份证号码" />
|
| | | </u-form-item>
|
| | | <u-form-item class="form-item" label="户籍地址" labelWidth="80">
|
| | | <u-input v-model="form.hukouRegistration" border="none" placeholder="选填" />
|
| | |
| | | // 可以单个或者同时写两个触发验证方式
|
| | | trigger: ['change', 'blur'],
|
| | | }],
|
| | | "phoneNumber": [{
|
| | | required: true,
|
| | | message: '请输入联系方式',
|
| | | trigger: ['change', 'blur'],
|
| | | },
|
| | | {
|
| | | validator: (rule, value, callback) => {
|
| | | return uni.$u.test.mobile(value);
|
| | | },
|
| | | message: '手机号码不正确',
|
| | | trigger: ['change', 'blur']
|
| | | }
|
| | | ],
|
| | | idCard: [{
|
| | | required: true,
|
| | | message: '请输入身份证号',
|
| | |
| | | <style lang="scss" scoped>
|
| | | .form-box {
|
| | | background: #fff;
|
| | | } |
| | | |
| | | }
|
| | | </style> |