修改密码弹出框搭建

前端代码搭建

主要利用的是bootstrap3中js插件里的模态框版块

1. <li><a href="https://www.cnblogs.com/" data-toggle="modal" data-target=".bs-example-modal-lg">修改密码</a></li>
4.                            
5.                                 
6.                                     
7.                                        
8.                                             <h3 >修改密码</h3>
9.                                             
10.                                                 <label for="">用户名:</label>
11.                                                 <input type="text" disabled value="{{ request.user.username }}"  id="id_username">
12.                                             
13.                                             
14.                                                 <label for="">原密码:</label>
15.                                                 <input type="text" id="old_password" >
16.                                             
17.                                             
18.                                                 <label for="">新密码:</label>
19.                                                 <input type="password" id="id_password" >
20.                                             
21.                                             
22.                                                 <label for="">新密码:</label>
23.                                                 <input type="text" id="confirm_password" >
24.                                             
25.                                             
26.                                             
27.                                                 <button type="button"  data-dismiss="modal" >取消</button>
28.                                                 <button type="button"  id="commit">修改</button>
29.                                             
30.                                        
31.                                     
32.                                     <br>
33.                                 
34.                            
35.                         

复制代码

后端接收修改密码数据并提供错误提示

注意修改密码的视图函数必须是登录用户才能使用，所以需要一个@login_required装饰器

1. @login_required
2. def set_password(request):
3.     # 1.判断是否为ajax请求
4.     if request.method == 'POST':
5.         back_dic = {'code':1000,'msg':''}
6.         # 2.获取用户修改密码提交的数据
7.         username = request.POST.get('username')
8.         old_password = request.POST.get('old_password')
9.         password = request.POST.get('password')
10.         confirm_password = request.POST.get('confirm_password')
11.         # 3.对比原密码是否正确
12.         is_right = request.user.check_password(old_password)
13.         if is_right:
14.             # 4.判断两次密码是否一致
15.             if password == confirm_password:
16.                 # 5.一致则修改密码
17.                 request.user.set_password(password)
18.                 request.user.save()
19.             else:
20.                 back_dic['code'] = 1001
21.                 back_dic['msg'] = '两次密码不一致'
22.         else:
23.             back_dic['code'] = 1002
24.             back_dic['msg'] = '原密码不正确'
25.         return JsonResponse(back_dic)

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！