Browse Source

feat(phone-bind): 验证码validate

pull/45/head
wally 4 years ago
parent
commit
a427250a13
  1. 1
      CHANGELOG.md
  2. 2
      src/components/ImageCode/ImageCode.vue
  3. 17
      src/pages/phone-bind/phone-bind.vue

1
CHANGELOG.md

@ -10,6 +10,7 @@
- | db store | 6414c4f
default plugin | 添加默认插件;项目列表;全局项目最大高度设置 | ed1d87b
- | indexedDB | 687394e
mp | 兼容小程序,去除window,document等 | 9178255
pinch | alloy finger实现图片的pinch放大缩小 | de01343
plugin | 插件添加了token及param参数 | aeb0292
- | post 封装 | da52e94

2
src/components/ImageCode/ImageCode.vue

@ -1,6 +1,6 @@
<template>
<!-- TODO: 设置默认图片 -->
<u-image :src="src" mode="aspectFit" class="image" @click="getCode"></u-image>
<image :src="src" mode="aspectFit" class="image" @click="getCode"></image>
</template>
<script>

17
src/pages/phone-bind/phone-bind.vue

@ -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) => {
// uViewjshttps://www.uviewui.com/js/test.html
return this.$u.test.mobile(value);
},
message: '手机号码不正确',
// blurchange
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',

Loading…
Cancel
Save