changeVoter.html 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title>添加等级</title>
  6. <meta name="renderer" content="webkit">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  8. <meta name="viewport"
  9. content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
  10. <link rel="stylesheet" href="./layui/css/layui.css" media="all">
  11. <link rel="stylesheet" href="./css/admin.css" media="all">
  12. </head>
  13. <body>
  14. <div class="layui-fluid">
  15. <div class="layui-card">
  16. <div class="layui-card-header">修改投票项信息</div>
  17. <div class="layui-card-body">
  18. <form class="layui-form" action="" lay-filter="component-form-group">
  19. <div class="layui-form-item">
  20. <label class="layui-form-label">投票描述</label>
  21. <div class="layui-col-md6">
  22. <input type="text" name="name" lay-verify="required" placeholder="选项名称" autocomplete="off"
  23. class="layui-input">
  24. </div>
  25. </div>
  26. <div class="layui-form-item">
  27. <div class="layui-col-md12">
  28. <label class="layui-form-label">投票类型</label>
  29. <div class="layui-col-md6">
  30. <input type="radio" name="voter_type" value="true" title="单选" checked>
  31. <input type="radio" name="voter_type" value="false" title="多选" >
  32. </div>
  33. </div>
  34. </div>
  35. <div class="layui-form-item">
  36. <label class="layui-form-label">投票数量</label>
  37. <div class="layui-col-md6">
  38. <input type="number" name="num" lay-verify="required" placeholder="投票数量" autocomplete="off"
  39. class="layui-input">
  40. </div>
  41. </div>
  42. <div class="layui-form-item">
  43. <div class="layui-input-block">
  44. <button class="layui-btn" lay-submit lay-filter="component-form-element">立即提交</button>
  45. <button type="reset" class="layui-btn layui-btn-primary">重置</button>
  46. </div>
  47. </div>
  48. </form>
  49. </div>
  50. </div>
  51. <script src="./layui/layui.js"></script>
  52. <script>
  53. layui.config({
  54. base: './' //静态资源所在路径
  55. }).extend({
  56. index: 'lib/index' //主入口模块
  57. }).use(['index', 'form', 'laydate'], function () {
  58. var $ = layui.$,
  59. admin = layui.admin,
  60. element = layui.element,
  61. layer = layui.layer,
  62. laydate = layui.laydate,
  63. form = layui.form;
  64. form.render(null, 'component-form-group');
  65. laydate.render({
  66. elem: '#LAY-component-form-group-date'
  67. });
  68. /* 自定义验证规则 */
  69. form.verify({
  70. title: function (value) {
  71. if (value.length < 5) {
  72. return '标题至少得5个字符啊';
  73. }
  74. },
  75. pass: [/(.+){6,12}$/, '密码必须6到12位'],
  76. content: function (value) {
  77. layedit.sync(editIndex);
  78. }
  79. });
  80. /* 监听指定开关 */
  81. form.on('switch(component-form-switchTest)', function (data) {
  82. layer.msg('开关checked:' + (this.checked ? 'true' : 'false'), {
  83. offset: '6px'
  84. });
  85. layer.tips('温馨提示:请注意开关状态的文字可以随意定义,而不仅仅是ON|OFF', data.othis)
  86. });
  87. /* 监听提交 */
  88. form.on('submit(component-form-demo1)', function (data) {
  89. parent.layer.alert(JSON.stringify(data.field), {
  90. title: '最终的提交信息'
  91. })
  92. return false;
  93. });
  94. });
  95. layui.use('upload', function () {
  96. var upload = layui.upload;
  97. //执行实例
  98. var uploadInst = upload.render({
  99. elem: '#upload' //绑定元素
  100. , url: '/upload/' //上传接口
  101. , done: function (res) {
  102. //上传完毕回调
  103. }
  104. , error: function () {
  105. //请求异常回调
  106. }
  107. });
  108. });
  109. </script>
  110. </body>
  111. </html>