keyword_add.html 3.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. {extend name="public/layout"}
  2. {block name="body"}
  3. <style>
  4. .layui-btn,.layui-btn:hover {
  5. background-color: #fff;
  6. color: #249EFB;
  7. border: 1px solid #249EFB;
  8. }
  9. </style>
  10. <body>
  11. <div class="layui-fluid">
  12. <div class="layui-row layui-col-space15">
  13. <div class="layui-col-md12">
  14. <div class="layui-card">
  15. <div class="layui-card-body">
  16. <form class="layui-form" id="admin" enctype="multipart/form-data">
  17. <div class="layui-form-item html">
  18. <label class="layui-form-label" for="value1">敏感词:</label>
  19. <div class="layui-input-inline" style="width:200px;">
  20. <input type="text" name="value" required lay-verify="required" id="value" placeholder="请输入禁用词" autocomplete="off" class="layui-input">
  21. </div>
  22. <div class="layui-input-inline" id="set" style="display: none;" style="width:200px;">
  23. <input type="text" name="replace" id="replace" required placeholder="请输入替换后的敏感词" autocomplete="off" class="layui-input">
  24. </div>
  25. </div>
  26. <!--<div class="layui-form-item">
  27. <label class="layui-form-label" for="status">选项:</label>
  28. <div class="layui-input-block">
  29. <input type="checkbox" name="status" lay-skin="switch" lay-filter="switchTest" lay-text="替换|禁用">
  30. </div>
  31. </div>-->
  32. <div class="layui-form-item">
  33. <div class="layui-input-block">
  34. <button class="layui-btn" lay-submit lay-filter="admin">立即提交</button>
  35. </div>
  36. </div>
  37. </form>
  38. </div>
  39. </div>
  40. </div>
  41. </div>
  42. </div>
  43. {/block}
  44. {block name="js"}
  45. <script src="__STATIC__/js/jquery.min.js"></script>
  46. <script>
  47. var addurl = '{:url("broad/keyword_add")}';
  48. layui.use(['form', 'upload', 'layedit'], function () {
  49. var $ = layui.jquery
  50. , form = layui.form
  51. , layedit = layui.layedit
  52. , upload = layui.upload;
  53. form.on("submit(admin)", function (obj) {
  54. if($(obj.elem).hasClass('layui-btn-disabled')) return false;
  55. $(obj.elem).addClass('layui-btn-disabled');
  56. var formData = new FormData(obj.form);
  57. $.ajax({
  58. url:addurl,
  59. type: 'POST',
  60. data: formData,
  61. dataType: 'json',
  62. processData: false,
  63. contentType: false,
  64. success: function (res) {
  65. if (res.code === 0) {
  66. layer.msg(res.msg, {anim: 0}, function () {
  67. parent.t.reload();
  68. var index = parent.layer.getFrameIndex(window.name);
  69. parent.layer.close(index);
  70. });
  71. } else {
  72. layer.msg(res.msg, {anim: 6});
  73. $(obj.elem).removeClass('layui-btn-disabled');
  74. }
  75. }});
  76. return false;
  77. });
  78. form.on('switch(switchTest)', function(data){
  79. if(this.checked == true){
  80. $('#set').css('display','block');
  81. $('#replace').attr('lay-verify','required');
  82. }else{
  83. $('#set').css('display','none');
  84. $('#replace').removeAttr('lay-verify');
  85. }
  86. });
  87. });
  88. </script>
  89. {/block}