add.html 5.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198
  1. <include file="public@header" />
  2. </head>
  3. <body>
  4. <div class="wrap js-check-wrap">
  5. <ul class="nav nav-tabs">
  6. <li><a href="{:url('Adminpage/index')}">页面管理</a></li>
  7. <li class="active"><a >添加页面</a></li>
  8. </ul>
  9. <form class="form-horizontal js-ajax-form margin-top-20" action="{:url('Adminpage/add_post')}" method="post" enctype="multipart/form-data">
  10. <table class="table table-bordered">
  11. <tr>
  12. <th width="80">分类</th>
  13. <td>
  14. <select name="post[post_type]" class="form-control" id="input-post_type" >
  15. <option value="">--请选择--</option>
  16. <option value="0">单页面</option>
  17. </select>
  18. <span class="form-required">*</span>
  19. </td>
  20. </tr>
  21. <tr>
  22. <th>标题</th>
  23. <td>
  24. <input type="text" class="form-control" id="input-post_title" name="post[post_title]" id="title" required value="" placeholder="请输入标题"/>
  25. <span class="form-required">*</span>
  26. </td>
  27. </tr>
  28. <tr>
  29. <th>内容</th>
  30. <td>
  31. <script type="text/plain" id="content" name="post[post_content]"></script>
  32. </td>
  33. </tr>
  34. <!-- <tr>
  35. <th>发布时间</th>
  36. <td>
  37. <input type="text" name="post[post_date]" value="{:date('Y-m-d H:i:s',time())}" class="js-datetime" style="width: 160px;">
  38. </td>
  39. </tr> -->
  40. </table>
  41. <div class="form-group">
  42. <button type="submit" class="btn btn-primary js-ajax-submit">{:lang('ADD')}</button>
  43. <a class="btn btn-default" href="javascript:history.back(-1);">{:lang('BACK')}</a>
  44. </div>
  45. </form>
  46. </div>
  47. <script src="__STATIC__/js/admin.js"></script>
  48. <script type="text/javascript">
  49. //编辑器路径定义
  50. var editorURL = GV.WEB_ROOT;
  51. </script>
  52. <script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.config.js"></script>
  53. <script type="text/javascript" src="__STATIC__/js/ueditor/ueditor.all.min.js"></script>
  54. <script type="text/javascript">
  55. $(function() {
  56. /////---------------------
  57. Wind.use('validate', 'ajaxForm', 'artDialog', function() {
  58. //javascript
  59. //编辑器
  60. editorcontent = new baidu.editor.ui.Editor();
  61. editorcontent.render('content');
  62. try {
  63. editorcontent.sync();
  64. } catch (err) {
  65. }
  66. //增加编辑器验证规则
  67. jQuery.validator.addMethod('editorcontent', function() {
  68. try {
  69. editorcontent.sync();
  70. } catch (err) {
  71. }
  72. return editorcontent.hasContents();
  73. });
  74. var form = $('form.js-ajax-forms');
  75. //ie处理placeholder提交问题
  76. if ($.browser && $.browser.msie) {
  77. form.find('[placeholder]').each(function() {
  78. var input = $(this);
  79. if (input.val() == input.attr('placeholder')) {
  80. input.val('');
  81. }
  82. });
  83. }
  84. var formloading = false;
  85. //表单验证开始
  86. form.validate({
  87. //是否在获取焦点时验证
  88. onfocusout : false,
  89. //是否在敲击键盘时验证
  90. onkeyup : false,
  91. //当鼠标掉级时验证
  92. onclick : false,
  93. //验证错误
  94. showErrors : function(errorMap, errorArr) {
  95. //errorMap {'name':'错误信息'}
  96. //errorArr [{'message':'错误信息',element:({})}]
  97. try {
  98. $(errorArr[0].element).focus();
  99. art.dialog({
  100. id : 'error',
  101. icon : 'error',
  102. lock : true,
  103. fixed : true,
  104. background : "#CCCCCC",
  105. opacity : 0,
  106. content : errorArr[0].message,
  107. cancelVal : '确定',
  108. cancel : function() {
  109. $(errorArr[0].element).focus();
  110. }
  111. });
  112. } catch (err) {
  113. }
  114. },
  115. //验证规则
  116. rules : {
  117. 'post[post_title]' : {
  118. required : 1
  119. },
  120. 'post[post_content]' : {
  121. editorcontent : true
  122. }
  123. },
  124. //验证未通过提示消息
  125. messages : {
  126. 'post[post_title]' : {
  127. required : '请输入标题'
  128. },
  129. 'post[post_content]' : {
  130. editorcontent : '内容不能为空'
  131. }
  132. },
  133. //给未通过验证的元素加效果,闪烁等
  134. highlight : false,
  135. //是否在获取焦点时验证
  136. onfocusout : false,
  137. //验证通过,提交表单
  138. submitHandler : function(forms) {
  139. if (formloading)
  140. return;
  141. $(forms).ajaxSubmit({
  142. url : form.attr('action'), //按钮上是否自定义提交地址(多按钮情况)
  143. dataType : 'json',
  144. beforeSubmit : function(arr, $form, options) {
  145. formloading = true;
  146. },
  147. success : function(data, statusText, xhr, $form) {
  148. formloading = false;
  149. if (data.status) {
  150. setCookie("refersh_time", 1);
  151. //添加成功
  152. Wind.use("artDialog", function() {
  153. art.dialog({
  154. id : "succeed",
  155. icon : "succeed",
  156. fixed : true,
  157. lock : true,
  158. background : "#CCCCCC",
  159. opacity : 0,
  160. content : data.info,
  161. button : [ {
  162. name : '继续添加?',
  163. callback : function() {
  164. reloadPage(window);
  165. return true;
  166. },
  167. focus : true
  168. }, {
  169. name : '返回列表页',
  170. callback : function() {
  171. location = "{:Url('Adminpage/index')}";
  172. return true;
  173. }
  174. } ]
  175. });
  176. });
  177. } else {
  178. artdialog_alert(data.info);
  179. }
  180. }
  181. });
  182. }
  183. });
  184. });
  185. ////-------------------------
  186. });
  187. </script>
  188. </body>
  189. </html>