<!DOCTYPE html> <html class="x-admin-sm"> <head> <meta charset="UTF-8"> <title>拆站原因</title> <meta name="renderer" content="webkit"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8" /> <link href="css/font.css" rel="stylesheet"> <link href="css/xadmin.css" rel="stylesheet"> <link href="css/login.css" rel="stylesheet"> <link href="../lib/layui/css/layui.css"> <!-- 隐藏操作中的多一次显示--> <style> .layui-table-tips-main { display: none; } .layui-table-tips-c { display: none; } .layui-table-grid-down{ display: none; } .layui-form-select dl dd.layui-select-tips { padding-left: 10px!important; color: #999; } .layui-layer-lan div.layui-layer-title { background: #eee; color: #333; border: none; } #agreementUp{ display: none; } </style> <script src="js/jquery.min.js"></script> <script src="lib/layui/layui.js"></script> <script src="js/xadmin.js"></script> <script src="js/util.js"></script> <script src="js/getUserToken.js"></script> <script src="js/api.js"></script> <script src="js/layer.js"></script> <!--<script src="js/append.js"></script>--> <script src="js/search.js"></script> <script src="js/jqueryForm.js"></script> <!--动态表单拼接--> <script src="js/parameter.js"></script> <!--详情页动态表单--> <script src="js/base.js"></script> <!--待办动态表单--> <script src="js/Taskdealwith.js"></script> <!--<script src="js/ajax.js"></script>--> <!--详情页静态元素--> <script src="js/Taskdealwith-static.js"></script> <!--已办详情动态拼接--> <script src="js/complete.js"></script> <!--已办详情静态拼接--> <script src="js/complete-static.js"></script> <!--二维码--> <script src="js/jquery.qrcode.min.js"></script> <!--当前详情静态拼接--> <script src="js/baseStatic.js"></script> <!--当前详情动态拼接--> <script src="js/base.js"></script> <script src="js/agreement.js"></script> <!--禁用回车键(texaarea文本输入框除外)--> <script> window.onload = function (){ document.body.onkeydown=function(event){ if(event.keyCode==13 && event.target.nodeName !== 'TEXTAREA'){ event.keyCod=0; return false; } } }; </script> <!--//备注与输入框超过300|100字时截断且提示--> <script src="js/msgRemark.js"></script> <!--//更换阶段负责人--> <script src="js/ifChangeOn.js"></script> <!-- 让IE8/9支持媒体查询,从而兼容栅格 --> <!--[if lt IE 9]> <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class="layui-fluid"> <div class="layui-row"> <form class="layui-form" style="margin-left: 10px;margin-top: 30px"> <div class="layui-form-item"> <label class="layui-form-label"><span class="x-red">*</span>拆站原因</label> <div class="layui-input-inline"> <select name="interest" lay-filter="aihao" lay-verify="required"> <option value=""selected=""></option> <option value="0">合同到期</option> <option value="1" >引发民扰</option> <option value="2" >意外事故</option> </select> </div> </div> <div class="layui-form-item"> <div class="layui-inline"> <label class="layui-form-label"><span class="x-red">*</span>拆站时间</label> <div class="layui-input-inline"> <input type="text" name="deletedate" id="deletedate" lay-verify="date" placeholder="yyyy-MM-dd" autocomplete="off" class="layui-input"> </div> </div> </div> <div class="layui-form-item layui-form-text"> <label class="layui-form-label" maxlength="300" >备注</label> <div class="layui-input-block"> <textarea placeholder="请输入内容" class="layui-textarea" lay-verify="msgRemarks" maxlength="300"></textarea> </div> </div> <!--<div class="layui-form-item layui-form-text"> <label class="layui-form-label">编辑器</label> <div class="layui-input-block"> <textarea class="layui-textarea layui-hide" name="content" lay-verify="content" id="LAY_demo_editor"></textarea> </div> </div>--> <div class="layui-form-item"> <label class="layui-form-label"></label> <button class="layui-btn" lay-filter="add" lay-submit="">确认</button></div> </form> </div> </div> </div> </body> </html> <script> layui.use(['form', 'layer','jquery','laydate'], function() { $ = layui.jquery; var form = layui.form, layer = layui.layer, laydate = layui.laydate; //日期//备注验证规则 form.verify({ msgRemarks: function(value){ if(value.length > 300){ return '最多300个字符啊'; } } }); laydate.render({ elem: '#deletedate', trigger: 'click' }); //自定义验证规则 // form.val('example', { // "username": "铁通", // operator:"移动" // }) //监听提交 form.on('submit(add)', function(data) { console.log(data); //发异步,把数据提交给php layer.alert("拆站成功", { icon: 6 ,closeBtn: 0 }, function() { //关闭当前frame xadmin.close(); // 可以对父窗口进行刷新 }); return false; }); });</script>