tpl-password.html 3.8 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293
  1. <!DOCTYPE html>
  2. <html class="bg-white">
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  7. <title>修改密码</title>
  8. <link rel="stylesheet" href="../../assets/libs/layui/css/layui.css"/>
  9. <link rel="stylesheet" href="../../assets/module/admin.css?v=315"/>
  10. <!--[if lt IE 9]>
  11. <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  12. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  13. <![endif]-->
  14. </head>
  15. <body>
  16. <form class="layui-form model-form" id="form-psw">
  17. <div class="layui-form-item">
  18. <label class="layui-form-label">原始密码:</label>
  19. <div class="layui-input-block">
  20. <input type="password" name="oldPassword" placeholder="请输入原始密码" class="layui-input"
  21. lay-verType="tips" lay-verify="required" required/>
  22. </div>
  23. </div>
  24. <div class="layui-form-item">
  25. <label class="layui-form-label">新密码:</label>
  26. <div class="layui-input-block">
  27. <input type="password" name="password" placeholder="请输入新密码" class="layui-input"
  28. lay-verType="tips" lay-verify="required|validatePass" required/>
  29. </div>
  30. </div>
  31. <div class="layui-form-item">
  32. <label class="layui-form-label">确认密码:</label>
  33. <div class="layui-input-block">
  34. <input type="password" name="rePassword" placeholder="请再次输入新密码" class="layui-input"
  35. lay-verType="tips" lay-verify="required|validatePass" required/>
  36. </div>
  37. </div>
  38. <div class="layui-form-item">
  39. <div class="layui-input-block text-right">
  40. <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
  41. <button class="layui-btn" lay-filter="submit-psw" lay-submit>保存</button>
  42. </div>
  43. </div>
  44. </form>
  45. <script type="text/javascript" src="../../assets/libs/layui/layui.js"></script>
  46. <script type="text/javascript" src="../../assets/js/common.js?v=315"></script>
  47. <script>
  48. layui.use(['layer', 'form', 'admin', 'uParas'], function () {
  49. var $ = layui.jquery;
  50. var layer = layui.layer;
  51. var form = layui.form;
  52. var admin = layui.admin;
  53. var uParas = layui.uParas;
  54. admin.iframeAuto(); // 让当前iframe弹层高度适应
  55. // 监听提交
  56. form.on('submit(submit-psw)', function (data) {
  57. var url = uParas.baseUrl + '/ent/profile/updatePassword';
  58. if (data.field.password != data.field.rePassword) {
  59. layer.msg("新密码和确认密码不一致");
  60. return false;
  61. }
  62. $.post(url, data.field, function (resp) {
  63. layer.closeAll('loading');
  64. if (resp.code == 1) {
  65. layer.msg(resp.msg, {offset: ['50%'], time: 2000}, function () {
  66. parent.layer.closeAll();
  67. });
  68. } else {
  69. layer.msg(resp.msg);
  70. }
  71. });
  72. return false;
  73. });
  74. form.verify({
  75. validatePass: [
  76. /^[\S]{6,12}$/
  77. , '密码必须6到12位,且不能出现空格'
  78. ]
  79. });
  80. // // 添加表单验证方法
  81. // form.verify({
  82. // psw: [/^[\S]{5,12}$/, '密码必须5到12位,且不能出现空格'],
  83. // repsw: function (t) {
  84. // if (t !== $('#form-psw input[name=rePassword]').val()) {
  85. // return '两次密码输入不一致';
  86. // }
  87. // }
  88. // });
  89. });
  90. </script>
  91. </body>
  92. </html>