resetPwd.html 3.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  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=312"/>
  10. </head>
  11. <body>
  12. <form class="layui-form model-form" id="form-psw">
  13. <div class="layui-form-item">
  14. <label class="layui-form-label">原始密码:</label>
  15. <div class="layui-input-block">
  16. <input type="password" name="oldPassword" placeholder="请输入原始密码" class="layui-input"
  17. lay-verType="tips" lay-verify="required" required/>
  18. </div>
  19. </div>
  20. <div class="layui-form-item">
  21. <label class="layui-form-label">新密码:</label>
  22. <div class="layui-input-block">
  23. <input type="password" name="newPsw" placeholder="请输入新密码" class="layui-input"
  24. lay-verType="tips" lay-verify="required|psw" required/>
  25. </div>
  26. </div>
  27. <div class="layui-form-item">
  28. <label class="layui-form-label">确认密码:</label>
  29. <div class="layui-input-block">
  30. <input type="password" name="rePassword" placeholder="请再次输入新密码" class="layui-input"
  31. lay-verType="tips" lay-verify="required|repsw" required/>
  32. </div>
  33. </div>
  34. <div class="layui-form-item">
  35. <div class="layui-input-block text-right">
  36. <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
  37. <button class="layui-btn" lay-filter="submit-psw" lay-submit>保存</button>
  38. </div>
  39. </div>
  40. </form>
  41. <script type="text/javascript" src="../../../assets/libs/layui/layui.js"></script>
  42. <script type="text/javascript" src="../../../assets/js/common.js?v=312"></script>
  43. <script>
  44. layui.use(['layer', 'form', 'admin', 'uParas'], function () {
  45. var $ = layui.jquery;
  46. var layer = layui.layer;
  47. var form = layui.form;
  48. var admin = layui.admin;
  49. var uParas = layui.uParas;
  50. admin.iframeAuto(); // 让当前iframe弹层高度适应
  51. // 监听提交
  52. form.on('submit(submit-psw)', function (data) {
  53. var url = uParas.baseUrl + '/login';
  54. admin.req(url, obj.field, function (resp) {
  55. if (resp.code == 1) {
  56. location.href = "./index.html"
  57. } else {
  58. layer.msg(resp.msg)
  59. }
  60. }, 'POST');
  61. return false;
  62. });
  63. // 添加表单验证方法
  64. form.verify({
  65. psw: [/^[\S]{6,16}$/, '密码必须6到16位,且不能出现空格'],
  66. repsw: function (t) {
  67. if (t !== $('#form-psw input[name=newPsw]').val()) {
  68. return '两次密码输入不一致';
  69. }
  70. }
  71. });
  72. });
  73. </script>
  74. </body>
  75. </html>