65 lines
2.4 KiB
HTML
65 lines
2.4 KiB
HTML
|
<style>
|
||
|
.layui-form-item .layui-input-company {
|
||
|
width: auto;
|
||
|
padding-right: 10px;
|
||
|
line-height: 38px;
|
||
|
}
|
||
|
</style>
|
||
|
<div class="layuimini-container layuimini-page-anim">
|
||
|
<div class="layuimini-main">
|
||
|
|
||
|
<div class="layui-form layuimini-form">
|
||
|
<div class="layui-form-item">
|
||
|
<label class="layui-form-label required">旧的密码</label>
|
||
|
<div class="layui-input-block">
|
||
|
<input type="password" name="old_password" lay-verify="required" lay-reqtext="旧的密码不能为空" placeholder="请输入旧的密码" value="" class="layui-input">
|
||
|
<tip>填写自己账号的旧的密码。</tip>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="layui-form-item">
|
||
|
<label class="layui-form-label required">新的密码</label>
|
||
|
<div class="layui-input-block">
|
||
|
<input type="password" name="new_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码" value="" class="layui-input">
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="layui-form-item">
|
||
|
<label class="layui-form-label required">新的密码</label>
|
||
|
<div class="layui-input-block">
|
||
|
<input type="password" name="again_password" lay-verify="required" lay-reqtext="新的密码不能为空" placeholder="请输入新的密码" value="" class="layui-input">
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<div class="layui-form-item">
|
||
|
<div class="layui-input-block">
|
||
|
<button class="layui-btn layui-btn-normal" lay-submit lay-filter="saveBtn">确认保存</button>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<script>
|
||
|
layui.use(['form', 'miniPage'], function () {
|
||
|
var form = layui.form,
|
||
|
layer = layui.layer,
|
||
|
miniPage = layui.miniPage;
|
||
|
|
||
|
/**
|
||
|
* 初始化表单,要加上,不然刷新部分组件可能会不加载
|
||
|
*/
|
||
|
form.render();
|
||
|
|
||
|
//监听提交
|
||
|
form.on('submit(saveBtn)', function (data) {
|
||
|
var index = layer.alert(JSON.stringify(data.field), {
|
||
|
title: '最终的提交信息'
|
||
|
}, function () {
|
||
|
layer.close(index);
|
||
|
miniPage.hashHome();
|
||
|
});
|
||
|
return false;
|
||
|
});
|
||
|
|
||
|
});
|
||
|
</script>
|