设为首页 - 加入收藏
您的当前位置: fun88乐天使官网,fun88乐天使ios版APP,fun88乐天使最新版下载,官方版下载网 > 教程 > 织梦教程 > 正文

:dede自定义表单提交后跳转修改测试成功

来源:fun88乐天使官网,fun88乐天使ios版APP,fun88乐天使最新版下载,官方版下载网 编辑:秩名 时间:2016-03-27
:

  dede默认的表单运用得比较多的有留言页面和订单提交。提交后跳到表单列表页或首页,这个体验很不舒服。如果通过弹窗实现提交也可以,用户还是在原来的页面。

  近段时间接到一个服装公司建站需求,对表单提交有些特殊要求,开始考虑用专业的商城来做,但是对于内容的管理还是dede比较占优,而且dede有简单的商城功能,可以解决用户的下单要求,其实对专业的商城系统来说,管理起来稍微复杂了。

  接下来就看看怎么实现这个功能。

  方法一:打开/plus/diy.php,找到

  $bkmsg = '发布成功,请等待管理员处理…';

  下面添加

  echo "<script>alert('提交成功!'); history.go(-1)</script>";

  效果就是点击提交后弹出窗口,点击确定的时候返回上一页面。虽然效果不比JS弹窗体验好,但有些浏览器阻止了JS弹窗,兼容性更好些。

  如果要跳转到指定的页面,可以这样写

  $goto = "网址";

  方法二:附完整订单提交js弹窗实例,打开/plus/diy.php,找到

  $goto = !empty($cfg_cmspath) ? $cfg_cmspath : '/';

  更改为

  $goto = !empty($cfg_cmspath) ? $cfg_cmspath : $_SERVER["HTTP_REFERER"];

  前台部分

  <!doctype>

  <html>

  <head>

  <script src="js/jquery.min.js"></script>//引入jquery

  <script>

  jQuery(document).ready(function($) {

  $('.theme-login').click(function(){

  $('.theme-popover-mask').fadeIn(100);

  $('.theme-popover').slideDown(200);

  })

  $('.theme-poptit .close').click(function(){

  $('.theme-popover-mask').fadeOut(100);

  $('.theme-popover').slideUp(200);

  })

  })

  </script>

  </head>

  <body>

  <!--弹出订单-->

  <p class="theme-popover">

  <p class="theme-poptit"><a href="javascript:;" title="关闭" class="close"></a></p>

  <p class="theme-popbod dform">

  <form action="/plus/diy.php" enctype="multipart/form-data" method="post">

  <input type="hidden" name="action" value="post" />

  <input type="hidden" name="diyid" value="1" />

  <input type="hidden" name="do" value="2" />

  <h2>订单信息填写</h2>

  <p>

  <select name='yuding'  class='hangR' style="width:243px;height:40px;">

  <option value='座位1'>座位1</option>

  <option value='座位2'>座位2</option>

  <option value='座位3'>座位3</option>

  </select>

  </p>

  <p>

  <input type='text' name='daodianriqi' id='daodianriqi' class='hangR' placeholder='到店日期' />

  </p>

  <p>

  <p class="hangL">保留至:</p>

  <select name="baoliushijian" class="hangR" style="width:243px;height:40px;">

  <option value="">- - : - -</option>

  <option value="23:59">23:59</option>

  <option value="23:30">23:30</option>

  <option value="23:00">23:00</option>

  <option value="22:30">22:30</option>

  <option value="22:00">22:00</option>

  <option value="21:30">21:30</option>

  <option value="21:00">21:00</option>

  <option value="20:30">20:30</option>

  <option value="20:00">20:00</option>

  <option value="19:30">19:30</option>

  <option value="19:00">19:00</option>

  </select>

  </p>

  <p>

  <input type="text" name="lianxiren" id="lianxiren" placeholder="请输入到店人的姓名" class="hangR">

  <input type="text" name="shoujihaoma" id="shoujihaoma" placeholder="请输入到店人的手机号码" class="hangR">

  </>

  <input type="hidden" name="dede_fields" value="daodianriqi,text;yuding,select;baoliushijian,select;lianxiren,text;shoujihaoma,textchar;youxiang,text;qitayaoqiu,text" />

  <input type="hidden" name="dede_fieldshash" value="717adcf31929a93c2bee8ff930015f73" /><!--校验码-->

  <input type="submit" name="submit" value="确认提交" class="submit">

  </form><!--表单end-->

  </p>

  </p>

  <p class="theme-popover-mask"></p><!--遮罩层-->

  <!--弹出订单end-->

  </body>

  </html>

版权声明:以上文章中所选用的图片及文字来源于网络以及用户投稿,由于未联系到知识产权人或未发现有关知识产权的登记,如有知识产权人并不愿意我们使用,如果有侵权请立即联系:[email protected],我们立即下架或删除。

栏目分类
热点图文

fun88乐天使官网,fun88乐天使ios版APP,fun88乐天使最新版下载,官方版下载网 www.gcuqh.com 网站邮箱:[email protected]

Copyright © 2002-2020 KUAIDU. fun88乐天使官网,fun88乐天使ios版APP,fun88乐天使最新版下载,官方版下载网 版权所有

Top