| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126 |
- <!DOCTYPE html>
- <html>
- <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, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="./layui/css/layui.css" media="all">
- <link rel="stylesheet" href="./css/admin.css" media="all">
- </head>
- <body>
- <div class="layui-fluid">
- <div class="layui-card">
- <div class="layui-card-header">修改投票项信息</div>
- <div class="layui-card-body">
- <form class="layui-form" action="" lay-filter="component-form-group">
- <div class="layui-form-item">
- <label class="layui-form-label">投票描述</label>
- <div class="layui-col-md6">
- <input type="text" name="name" lay-verify="required" placeholder="选项名称" autocomplete="off"
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-col-md12">
- <label class="layui-form-label">投票类型</label>
- <div class="layui-col-md6">
- <input type="radio" name="voter_type" value="true" title="单选" checked>
- <input type="radio" name="voter_type" value="false" title="多选" >
- </div>
- </div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">投票数量</label>
- <div class="layui-col-md6">
- <input type="number" name="num" lay-verify="required" placeholder="投票数量" autocomplete="off"
- class="layui-input">
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-input-block">
- <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
- <button type="reset" class="layui-btn layui-btn-primary">重置</button>
- </div>
- </div>
- </form>
- </div>
- </div>
- <script src="./layui/layui.js"></script>
- <script>
- layui.config({
- base: './' //静态资源所在路径
- }).extend({
- index: 'lib/index' //主入口模块
- }).use(['index', 'form', 'laydate'], function () {
- var $ = layui.$,
- admin = layui.admin,
- element = layui.element,
- layer = layui.layer,
- laydate = layui.laydate,
- form = layui.form;
- form.render(null, 'component-form-group');
- laydate.render({
- elem: '#LAY-component-form-group-date'
- });
- /* 自定义验证规则 */
- form.verify({
- title: function (value) {
- if (value.length < 5) {
- return '标题至少得5个字符啊';
- }
- },
- pass: [/(.+){6,12}$/, '密码必须6到12位'],
- content: function (value) {
- layedit.sync(editIndex);
- }
- });
- /* 监听指定开关 */
- form.on('switch(component-form-switchTest)', function (data) {
- layer.msg('开关checked:' + (this.checked ? 'true' : 'false'), {
- offset: '6px'
- });
- layer.tips('温馨提示:请注意开关状态的文字可以随意定义,而不仅仅是ON|OFF', data.othis)
- });
- /* 监听提交 */
- form.on('submit(component-form-demo1)', function (data) {
- parent.layer.alert(JSON.stringify(data.field), {
- title: '最终的提交信息'
- })
- return false;
- });
- });
- layui.use('upload', function () {
- var upload = layui.upload;
- //执行实例
- var uploadInst = upload.render({
- elem: '#upload' //绑定元素
- , url: '/upload/' //上传接口
- , done: function (res) {
- //上传完毕回调
- }
- , error: function () {
- //请求异常回调
- }
- });
- });
- </script>
- </body>
- </html>
|