|
|
@ -16,12 +16,10 @@ |
|
|
|
<u-button slot="right" type="primary" size="mini" @click="getCode">{{ codeTips }}</u-button> |
|
|
|
</u-form-item> |
|
|
|
</u-form> |
|
|
|
<!-- <view class="agreement"> |
|
|
|
<u-checkbox v-model="check" @change="checkboxChange"></u-checkbox> |
|
|
|
<view class="agreement-text"> 勾选代表同意uView的版权协议 </view> |
|
|
|
</view> --> |
|
|
|
<u-button @click="submit" class="mt-8" type="primary">提交</u-button> |
|
|
|
|
|
|
|
<view class="mt-8"> |
|
|
|
<u-button @click="submit" type="primary">提交</u-button> |
|
|
|
</view> |
|
|
|
<u-verification-code :seconds="seconds" ref="uCode" @change="codeChange"></u-verification-code> |
|
|
|
|
|
|
|
<u-top-tips ref="uTips"></u-top-tips> |
|
|
@ -48,11 +46,9 @@ export default { |
|
|
|
}, |
|
|
|
{ |
|
|
|
validator: (rule, value) => { |
|
|
|
// 调用uView自带的js验证规则,详见:https://www.uviewui.com/js/test.html |
|
|
|
return this.$u.test.mobile(value); |
|
|
|
}, |
|
|
|
message: '手机号码不正确', |
|
|
|
// 触发器可以同时用blur和change,二者之间用英文逗号隔开 |
|
|
|
trigger: ['change', 'blur'], |
|
|
|
}, |
|
|
|
], |
|
|
@ -63,8 +59,10 @@ export default { |
|
|
|
trigger: ['change', 'blur'], |
|
|
|
}, |
|
|
|
{ |
|
|
|
type: 'number', |
|
|
|
message: '验证码只能为数字', |
|
|
|
validator: (rule, value) => { |
|
|
|
return this.$u.test.code(value, 4); |
|
|
|
}, |
|
|
|
message: '验证码格式不正确', |
|
|
|
trigger: ['change', 'blur'], |
|
|
|
}, |
|
|
|
], |
|
|
@ -128,7 +126,6 @@ export default { |
|
|
|
// 通知验证码组件内部开始倒计时 |
|
|
|
this.$refs.uCode.start(); |
|
|
|
} catch (error) { |
|
|
|
console.error('error: ', error); |
|
|
|
this.$refs.uTips.show({ |
|
|
|
title: error.msg || '发送失败', |
|
|
|
type: 'error', |
|
|
|