提交 dbbe1ee3 编写于 作者: 芊里

注册页面加入密码

上级 6abed3bf
...@@ -55,6 +55,36 @@ const validator = { ...@@ -55,6 +55,36 @@ const validator = {
} }
], ],
"label": "昵称" "label": "昵称"
},
"pwd":{
"rules": [{
required: true,
errorMessage: '请输入密码',
},
{
minLength: 6,
maxLength: 20,
errorMessage: '密码长度在 {minLength} 到 {maxLength} 个字符',
}
],
"label": "密码"
},
"pwd2":{
"rules": [{
required: true,
errorMessage: '再次输入密码',
},
{
minLength: 6,
maxLength: 20,
errorMessage: '密码长度在 {minLength} 到 {maxLength} 个字符',
}
],
"label": "确认密码"
} }
} }
......
...@@ -10,6 +10,12 @@ ...@@ -10,6 +10,12 @@
<uni-forms-item name="nickname" label="昵称" required> <uni-forms-item name="nickname" label="昵称" required>
<uni-easyinput placeholder="请输入用户昵称" v-model="formData.nickname" trim="both" /> <uni-easyinput placeholder="请输入用户昵称" v-model="formData.nickname" trim="both" />
</uni-forms-item> </uni-forms-item>
<uni-forms-item name="pwd" label="密码" v-model="formData.pwd" required>
<uni-easyinput placeholder="请输入6-20位密码" type="password" v-model="formData.pwd" trim="both" />
</uni-forms-item>
<uni-forms-item name="pwd2" label="确认密码" v-model="formData.pwd2" required>
<uni-easyinput placeholder="再次输入密码" type="password" v-model="formData.pwd2" trim="both" />
</uni-forms-item>
<view class="uni-button-group"> <view class="uni-button-group">
<button type="primary" class="uni-button" @click="submit">注册</button> <button type="primary" class="uni-button" @click="submit">注册</button>
</view> </view>
...@@ -41,7 +47,9 @@ ...@@ -41,7 +47,9 @@
formData: { formData: {
"username": "", "username": "",
"gender": 0, "gender": 0,
"nickname": "" "nickname": "",
'pwd':'',
'pwd2':''
}, },
formOptions: { formOptions: {
"gender_localdata": [{ "gender_localdata": [{
...@@ -58,7 +66,7 @@ ...@@ -58,7 +66,7 @@
] ]
}, },
rules: { rules: {
...getValidator(["username", "gender", "nickname"]) ...getValidator(["username", "gender", "nickname", 'pwd', 'pwd2'])
} }
} }
}, },
...@@ -69,7 +77,12 @@ ...@@ -69,7 +77,12 @@
/** /**
* 触发表单提交 * 触发表单提交
*/ */
submit() { submit() {
if(this.formData.pwd != this.formData.pwd2)return uni.showToast({
title: '两次输入密码不一致',
icon: 'none'
});
uni.showLoading({ uni.showLoading({
mask: true mask: true
}) })
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册