NN2022081301/public/agent/pages/tpl/password.html

<form class="layui-form model-form" id="form-psw">
    <div class="layui-form-item">
        <label class="layui-form-label layui-form-required">原始密码:</label>
        <div class="layui-input-block">
            <input type="password" name="password" placeholder="请输入原始密码" class="layui-input"
                   lay-verType="tips" lay-verify="required" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label layui-form-required">新密码:</label>
        <div class="layui-input-block">
            <input type="password" name="npassword" placeholder="请输入新密码" class="layui-input"
                   lay-verType="tips" lay-verify="required|npassword" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label layui-form-required">确认密码:</label>
        <div class="layui-input-block">
            <input type="password" name="rnpassword" placeholder="请再次输入新密码" class="layui-input"
                   lay-verType="tips" lay-verify="required|rnpassword" required/>
        </div>
    </div>
    <div class="layui-form-item">
        <div class="layui-input-block text-right">
            <button class="layui-btn layui-btn-primary" type="button" ew-event="closeDialog">取消</button>
            <button class="layui-btn" lay-filter="submit-psw" lay-submit>保存</button>
        </div>
    </div>
</form>

<script>
    layui.use(['layer', 'form', 'admin', 'md5', 'notice', 'setter'], function () {
        var $ = layui.jquery;
        var layer = layui.layer;
        var form = layui.form;
        var admin = layui.admin;
        var md5 = layui.md5;
        var notice = layui.notice;
        var setter = layui.setter;

        // 监听提交
        form.on('submit(submit-psw)', function (form) {
            // 密码处理
            var data = {
                password: md5.exec(form.field.password),
                npassword: md5.exec(form.field.npassword)
            };
            // 修改密码
            admin.req('users/person', data, function (res) {
                if (res.code === 10000) {
                    // 清空缓存
                    setter.clearCache(); //20200322 清除本地缓存
                    notice.msg(res.message, {icon: 1}, (res) => {
                        location.replace('/agent/pages/login.html');
                    });
                }else {
                    notice.msg(res.message, {icon: 2});
                }
            },'put');
            return false;
        });

        // 添加表单验证方法
        form.verify({
            npassword: [/^[\S]{6,12}$/, '密码必须6到12位，且不能出现空格'],
            rnpassword: function (t) {
                if (t !== $('#form-psw input[name=rnpassword]').val()) {
                    return '两次密码输入不一致';
                }
            }
        });

    });
</script>