1+ @extends (' layouts.admin' )
2+
3+ @section (' content' )
4+ <div class =" layui-card" >
5+ <div class =" layui-card-header" >修改密码</div >
6+ <div class =" layui-card-body" >
7+ <form class =" layui-form" action =" " >
8+ <div class =" layui-form" lay-filter =" " >
9+ <div class =" layui-form-item" >
10+ <label class =" layui-form-label" >当前密码</label >
11+ <div class =" layui-input-inline" >
12+ <input type =" password" name =" oldPassword" lay-verify =" required" lay-verType =" tips"
13+ class =" layui-input" >
14+ </div >
15+ </div >
16+ <div class =" layui-form-item" >
17+ <label class =" layui-form-label" >新密码</label >
18+ <div class =" layui-input-inline" >
19+ <input type =" password" name =" password" lay-verify =" required|pass" lay-verType =" tips"
20+ autocomplete =" off" id =" LAY_password" class =" layui-input" >
21+ </div >
22+ <div class =" layui-form-mid layui-word-aux" >6到20个字符</div >
23+ </div >
24+ <div class =" layui-form-item" >
25+ <label class =" layui-form-label" >确认新密码</label >
26+ <div class =" layui-input-inline" >
27+ <input type =" password" name =" password_repeat" lay-verify =" required|same" lay-verType =" tips"
28+ autocomplete =" off" class =" layui-input" >
29+ </div >
30+ </div >
31+ <div class =" layui-form-item" >
32+ <div class =" layui-input-block" >
33+ <button class =" layui-btn" lay-submit lay-filter =" formDemo" type =" button" >确认修改</button >
34+ </div >
35+ </div >
36+ </div >
37+ </form >
38+ </div >
39+ </div >
40+ @endsection
41+
42+ @section (' script' )
43+ <script >
44+ layui .use ([' form' , ' layer' ], function () {
45+ var form = layui .form ;
46+ var layer = layui .layer ;
47+
48+ form .verify ({
49+ same : function (value , item ) { // value:表单的值、item:表单的DOM对象
50+ if (value !== $ (" input[name='password']" ).val ()) {
51+ return ' 两次填写的密码不一致' ;
52+ }
53+ }
54+
55+ // 我们既支持上述函数式的方式,也支持下述数组的形式
56+ // 数组的两个值分别代表:[正则匹配、匹配不符时的提示文字]
57+ , pass: [
58+ / ^ [\S ] {6,20} $ /
59+ , ' 密码必须6到20位,且不能出现空格'
60+ ]
61+ });
62+
63+ // 监听提交
64+ form .on (' submit(formDemo)' , function (data ) {
65+ $ .ajaxSetup ({
66+ headers: {
67+ ' X-CSRF-TOKEN' : ' {{ csrf_token () } }'
68+ }
69+ });
70+ var load = layer .load ();
71+ $ .post (" {{ route (' admin.new_pwd.white' ) } }" , data .field ,
72+ function (data ) {
73+ layer .close (load);
74+ console .log (data);
75+ if (data .code === 0 ) {
76+ layer .msg (' 操作成功' , {
77+ offset: ' 15px'
78+ , icon: 1
79+ , time: 1000
80+ }, function () {
81+ location .href = ' {{ route (' admin.user.index' ) } }' ;
82+ });
83+
84+ } else {
85+ layer .msg (data .msg , {
86+ offset: ' 15px'
87+ , icon: 2
88+ , time: 2000
89+ });
90+ }
91+ });
92+ });
93+
94+ });
95+ </script >
96+ @endsection
0 commit comments