修改密码

pages/clock/clock.vue

@@ -431,7 +431,13 @@
 			previewImage(url) {
 				console.log(url)
 				uni.previewImage({
-					urls: [url]
+					urls: [url],
+					longPressActions:{
+						itemList:['很抱歉，暂不支持保存图片到本地'],
+						success:function(res){
+							// console.log(res,'+++++')
+						}
+					}
 				});
 			},
 			// 获取打卡参数

pages/user/forget.vue

@@ -15,11 +15,15 @@
 		</view>
 		<view class="input_box">
 			<text class="input_tit">密码</text>
-			<input type="password" v-model="password" placeholder="请输入密码" />
+			<input type="password" maxlength="8" v-model="password" placeholder="请输入密码" @input="inputMethod(password)" />			
+		</view>
+		<view class="" style="font-size: 28rpx; color: #999;">
+			<p v-if="note != ''">{{note}}</p>
+			<p v-html="str2" style="margin-top: 10rpx;"></p>
 		</view>	
 		<view class="input_box">
 			<text class="input_tit">确认密码</text>
-			<input type="password" v-model="confirmPassword" placeholder="请确认密码" />
+			<input type="password" maxlength="8" v-model="confirmPassword" placeholder="请确认密码" />
 		</view>
 		<view class="btn_box"><button @click="onSubmit">提 交</button></view>
 		<music-play :playData="playData"></music-play>
@@ -28,6 +32,14 @@
 <script>
 	import musicPlay from '@/components/music.vue'
 	import md5 from '@/plugins/md5';
+	// 密码验证的正则
+	//1、密码为八位及以上并且字母数字特殊字符三项都包括
+	var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g");
+	//2、密码为八位及以上并且字母、数字、特殊字符三项中有两项，强度是中等
+	var mediumRegex = new RegExp(
+		"^(?=.{8,})(((?=.*[A-Z])(?=.*[a-z]))|((?=.*[A-Z])(?=.*[0-9]))|((?=.*[a-z])(?=.*[0-9]))|((?=.*[a-z])(?=.*\\W))|((?=.*[0-9])(?=.*\\W))|((?=.*[A-Z])(?=.*\\W))).*$",
+		"g");
+	var enoughRegex = new RegExp("(?=.{8,}).*", "g");
 	var clear;
 	export default {
 		data() {
@@ -44,7 +56,10 @@ export default {
 				//验证码
 				codeText: '获取验证码',
 				//验证码已发
-			readonly: false
+				readonly: false,
+				passwordOk:false,
+				note: '',
+				str2: '',
 			};
 		},
 		//第一次加载
@@ -57,6 +72,33 @@ export default {
 		},
 		//方法
 		methods: {
+			// 密码验证
+			inputMethod(value) {
+				this.passwordOk = false
+				// console.log('输入的值为：', value)
+				if (strongRegex.test(value)) {
+					//console.log('强密码-----',value)
+					this.str2 = "<span style='color:#18bc37'>密码强度很不错哦！</span>"
+					// this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度至少为8位。'
+					this.note = ''
+					this.passwordOk = true
+				} else if (mediumRegex.test(value)) {
+					// console.log('中等密码-----',value)
+					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度为8位。'
+					this.str2 = "<span style='color:#2979ff'>密码强度中等!</span>"
+					this.passwordOk = true
+				} else if (enoughRegex.test(value)) {					
+					// console.log('弱密码-----',value)
+					// this.str2 = "<span style='color:#f3a73f'>密码强度太弱!</span>"
+					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度为8位。'
+				} 
+				else {
+					this.passwordOk = false
+					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度为8位。'
+					this.str2 = ""
+					//console.log('密码-----',value)				
+				}
+			},
 			//获取验证码
 			getCode() {
 				if (this.readonly) {
@@ -107,6 +149,14 @@ export default {
 				}, 1000);
 			},
 			onSubmit() {
+				if(!this.passwordOk){
+					 console.log('不满足密码格式',this.note)
+					uni.showToast({
+						title:this.note,
+						icon: 'none'
+					})
+					return
+				}
 				if (!this.phone) {
 					uni.showToast({
 						title: '请输入手机号',
@@ -192,6 +242,7 @@ export default {
 </script>
 <style lang="scss" scoped>
 	@import '@/style/mixin.scss';
+
 	.page {
 		background-color: #ffffff;
 		padding: 0 65rpx;
@@ -202,6 +253,7 @@ export default {
 			font-size: 60rpx;
 			color: #333333;
 		}
+
 		.input_box {
 			display: flex;
 			justify-content: space-between;
@@ -209,42 +261,49 @@ export default {
 			padding-top: 30rpx;
 			border-bottom: 1rpx solid #eeeeee;
 			align-items: center;
+
 			text {
 				font-size: 30rpx;
 				width: 180rpx;
 			}
+
 			input {
 				flex: 1;
 				height: 70rpx;
 				line-height: 70rpx;
 				font-size: 30rpx;
 			}
+
 			button {
 				height: 78rpx;
 				line-height: 78rpx;
 				font-size: 30rpx;
 				color: $themeColor;
+
 				&:active {
 					background-color: transparent;
 				}
 			}
 		}
+
 		.btn_box {
 			margin-top: 70rpx;
+
 			button {
 				font-size: 32rpx;
-			@include theme('btn_bg')
+				@include theme('btn_bg') color: #fff;
-			color: #fff;
 				height: 80rpx;
 				line-height: 80rpx;
 				border-radius: 50rpx;
 			}
 		}
+
 		.protocol {
 			font-size: 24rpx;
 			color: #999999;
 			text-align: center;
 			margin-top: 20rpx;
+
 			text {
 				color: $themeColor;
 			}

pages/user/login.vue

@@ -64,7 +64,11 @@
 			
 			<view class="qie_huan" style="display: flex; justify-content: center;">
 				<view style="width: 30%;" @click="type = 1000" v-if="type == 2000">密码登录</view>
-				<view style="width: 30%;" @click="type = 2000" v-if="type == 1000">验证码登录</view>
+				<view style="width:50%; display: flex; justify-content:space-between;" v-if="type == 1000">
+					<text  @click="type = 2000">验证码登录</text>
+					<text v-if="type == 1000" @click="onPageJump('/pages/user/forget')">忘记密码？</text>
+					<!-- <text @click="resetPassWord()">忘记密码</text> -->
+				</view>
 			</view>
 
 			<z-popup v-model="HealthOpen" type="center" :hideOnBlur="false">
@@ -188,6 +192,13 @@
 		methods: {
 			...mapMutations(['setUserInfo']),
 			...mapMutations(['setHealthMes']),
+			// 修改密码
+			resetPassWord(){
+				console.log('重置密码')
+				uni.navigateTo({
+					url: "/pages/home/shop/goodsDetail"
+				})
+			},
 			// 显示协议
 			showXieyi(str){	
 				if(str == 'user'){

pages/user/persData.vue

@@ -91,14 +91,14 @@
 		<u-popup :show="passwordShow" :round="10" @close="cancelPass">
 			<view class="tanchu">
 				<view class="dp_title">请修改密码</view>
-				<u--input v-model="userMes.password" placeholder="请输入新密码" :password="true" border="surround" clearable
+				<u--input maxlength="8"  v-model="userMes.password" placeholder="请输入新密码" :password="true" border="surround" clearable
 					@input="inputMethod(userMes.password)">
 				</u--input>
 				<view class="" style="font-size: 28rpx; color: #999;">
 					<p v-if="note != ''">{{note}}</p>
 					<p v-html="str2" style="margin-top: 10rpx;"></p>
 				</view>				
-				<u--input v-model="userMes.Repassword" placeholder="请再确认密码" :password="true" border="surround" clearable
+				<u--input maxlength="8"  v-model="userMes.Repassword" placeholder="请再确认密码" :password="true" border="surround" clearable
 					style="margin-top: 20rpx;"></u--input>
 				<u-button color="linear-gradient(to right, #72d386, #317e42)" text="确定" @click="chosePassword()"
 					style="margin-top: 50rpx;"></u-button>
@@ -207,24 +207,26 @@
 			// 密码验证
 			inputMethod(value) {
 				this.passwordOk = false
-				console.log('输入的值为：', value)
+			//	console.log('输入的值为：', value)
 				if (strongRegex.test(value)) {
 					//console.log('强密码-----',value)
 					this.str2 = "<span style='color:#18bc37'>密码强度很不错哦！</span>"
-					// this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度至少为8位。'
+					// this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度为8位。'
 					this.note = ''
 					this.passwordOk = true
 				} else if (mediumRegex.test(value)) {
 					//console.log('中等密码-----',value)
-					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度至少为8位。'
+					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度为8位。'
 					this.str2 = "<span style='color:#2979ff'>密码强度中等!</span>"
 					this.passwordOk = true
 				} else if (enoughRegex.test(value)) {
 					//console.log('弱密码-----',value)
 					this.str2 = "<span style='color:#f3a73f'>密码强度太弱!</span>"
-					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度至少为8位。'
+					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度为8位。'
 				} else {
-					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度至少为8位。'
+					this.passwordOk = false
+					this.note = '请至少使用大小写字母、数字、符号两种类型组合的密码，长度为8位。'
+					this.str2 = ""
 					//console.log('密码-----',value)				
 }
 				},