add.blade.php 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. @extends('vip.layouts')
  2. @section('content')
  3. <form class="layui-form" action="{{ url()->full() }}" id="submitForm" name="submitForm" method="post"
  4. eventType=eventAjaxForm>
  5. {!! csrf_field() !!}
  6. <div class="layui-form-item">
  7. <label class="layui-form-label">队伍名</label>
  8. <div class="layui-input-block">
  9. <input type="text" name="team_name" required lay-verify="required" autocomplete="off" class="layui-input"
  10. value="{{isset($data['team_name'])?$data['team_name']:''}}">
  11. </div>
  12. </div>
  13. <div class="layui-form-item">
  14. <label class="layui-form-label">队伍图标</label>
  15. <div class="layui-input-inline">
  16. <input type="text" name="team_icon" required lay-verify="required" autocomplete="off" class="layui-input"
  17. value="{{isset($data['team_icon'])?$data['team_icon']:''}}">
  18. <!--<input type="text" id="show_icon" autocomplete="off" class="layui-input" style="display: none;"
  19. value="" disabled="disabled" />-->
  20. </div>
  21. <div class="layui-input-inline">
  22. <p class="layui-layer-tips">请输入队伍图片网络地址</p>
  23. </div>
  24. <!-- <div class="layui-form-mid layui-word-aux" style="color: red">
  25. <button type="button" class="layui-btn" id="team_icon" >
  26. <i class="layui-icon">&#xe67c;</i>上传图片
  27. </button>
  28. </div>-->
  29. </div>
  30. <div class="layui-form-item">
  31. <div class="layui-input-block">
  32. <button class="layui-btn" lay-submit lay-filter="submitForm">立即提交</button>
  33. <button type="reset" class="layui-btn layui-btn-normal">重置</button>
  34. </div>
  35. </div>
  36. </form>
  37. <script>
  38. //Demo
  39. layui.use(['form', 'layedit', 'laydate','upload'], function () {
  40. var form = layui.form
  41. , layer = layui.layer
  42. , layedit = layui.layedit
  43. , laydate = layui.laydate
  44. ,upload = layui.upload;
  45. var editIndex = layedit.build('LAY_demo_editor');
  46. //执行实例
  47. /*var uploadInst = upload.render({
  48. elem: '#team_icon'//绑定元素
  49. ,url: '/admin/Match/upload' //上传接口
  50. ,done: function(data){
  51. var val=data.data;
  52. //上传完毕回调
  53. $('input[name="team_icon"]').val(val.path);
  54. $('input[name="team_icon"]').hide();
  55. $('#show_icon').val(val.name);
  56. $('#show_icon').show();
  57. layer.msg(data.msg);
  58. }
  59. ,error: function(){
  60. //请求异常回调
  61. layer.msg('请求异常');
  62. }
  63. });*/
  64. form.verify({
  65. title: function(value){
  66. if(value.length < 5){
  67. return '标题至少得5个字符啊';
  68. }
  69. }
  70. ,pass: [/(.+){6,12}$/, '密码必须6到12位']
  71. ,content: function(value){
  72. layedit.sync(editIndex);
  73. }
  74. });
  75. //监听提交
  76. form.on('submit(submitForm)', function (data) {
  77. return true;
  78. });
  79. });
  80. //创建一个编辑器
  81. </script>
  82. @endsection