<!DOCTYPE html> <html lang="zh" xmlns:th="http://www.thymeleaf.org" > <meta charset="utf-8"> <head th:include="include :: header"></head> <body class="white-bg"> <div class="wrapper wrapper-content animated fadeInRight ibox-content"> <form class="form-horizontal m" id="form-camera-cameraReset"> <input name="id" type="hidden" th:value="${camera.id}" /> <div class="form-group"> <label class="col-sm-3 control-label ">摄像头IP:</label> <div class="col-sm-8"> <input class="form-control" type="text" readonly="true" name="ip" th:value="${camera.ip}"/> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">输入密码:</label> <div class="col-sm-8"> <input class="form-control" type="password" name="password" id="password" value="123456"> </div> </div> <div class="form-group"> <div class="form-control-static col-sm-offset-9"> <button type="submit" class="btn btn-primary">提交</button> <button onclick="$.modal.close()" class="btn btn-danger" type="button">关闭</button> </div> </div> </form> </div> <div th:include="include :: footer"></div> <script type="text/javascript"> $("#form-camera-cameraReset").validate({ rules:{ password:{ required:true, minlength: 5, maxlength: 20 }, }, submitHandler:function(form){ let url = ctx + "config/camera/cameraReset"; let data = $('#form-camera-cameraReset').serialize(); $.modal.loading("正在处理中,请稍后..."); var config = { url: url, type: "post", dataType: "json", data: data, success: function (result) { layer.alert(result.msg, { icon: 1, closeBtn: 0 }, function () { var index = parent.layer.getFrameIndex(window.name); layer.close(index); parent.layer.close(index); //再执行关闭 }) } }; $.ajax(config) } }); </script> </body> </html>