You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
74 lines
2.0 KiB
74 lines
2.0 KiB
<template>
|
|
<view>
|
|
<view class="auth">
|
|
<view class="wanl-title">
|
|
<view> {{userInfo.nickName}}，您好</view>
|
|
<view class="titleInfo"> 请绑定一个手机号...</view>
|
|
</view>
|
|
<form @submit="formSubmit">
|
|
<view class="auth-group radius-bock bg-gray wlian-grey-light">
|
|
<input placeholder="请输入手机账号" type="number" maxlength="11" confirm-type="next" placeholder-class="placeholder" name="mobile"
|
|
@input="onKeyInput"></input>
|
|
</view>
|
|
<view class="auth-button flex flex-direction">
|
|
<button class="cu-btn bg-orange sl radius-bock" form-type="submit" :disabled="submitDisabled">获取验证码</button>
|
|
</view>
|
|
</form>
|
|
</view>
|
|
<view class="auth-foot">
|
|
<view class="menu text-grey">
|
|
<text @tap="register">注册</text>
|
|
<text @tap="help">帮助</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</template>
|
|
<script>
|
|
import graceChecker from '@/common/graceChecker'; //来自 graceUI 的表单验证， 使用说明见手册 http://grace.hcoder.net/doc/info/73-3.html
|
|
export default {
|
|
data() {
|
|
return {
|
|
userInfo: [],
|
|
submitDisabled: true,
|
|
pageroute: ''
|
|
};
|
|
},
|
|
onLoad(options) {
|
|
this.userInfo = options;
|
|
this.pageroute = options.url;
|
|
},
|
|
methods: {
|
|
onKeyInput: function(e) {
|
|
this.submitDisabled = false
|
|
},
|
|
formSubmit: function(e) {
|
|
//将下列代码加入到对应的检查位置
|
|
//定义表单规则
|
|
var rule = [{
|
|
name: 'mobile',
|
|
checkType: 'phoneno',
|
|
errorMsg: '请输入正确的手机号'
|
|
}];
|
|
//进行表单检查
|
|
var formData = e.detail.value;
|
|
var checkRes = graceChecker.check(formData, rule);
|
|
if (checkRes) {
|
|
// 注册方法
|
|
this.$wanlshop.to(`validcode?event=binding&mobile=${e.detail.value.mobile}&url=${this.pageroute}`);
|
|
} else {
|
|
this.$wanlshop.msg(graceChecker.error);
|
|
}
|
|
},
|
|
register() {
|
|
this.$wanlshop.to(`register?url=${this.pageroute}`);
|
|
},
|
|
help() {
|
|
this.$wanlshop.to(`/pages/user/help?url=${this.pageroute}`);
|
|
}
|
|
}
|
|
};
|
|
</script>
|
|
|
|
<style>
|
|
@import url("auth.css");
|
|
</style>
|
|
|