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

dede默认的表单运用得比较多的有留言页面和订单提交。提交后跳到表单列表页或首页,这个体验很不舒服。如果通过弹窗实现提交也可以,用户还是在原来的页面。 近段时间接到一个服装公司建站需求,对表单提交有些特殊要求,开始考虑用专业的商城来做,但是对于
表单提交

       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>
<!--弹出订单-->
<div class="theme-popover">
<div class="theme-poptit"><a href="javascript:;" title="关闭" class="close"></a></div>
<div 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>
     <div class="hangL">保留至:</div>
     <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>
    </div>  
    <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-->
</div>
</div>
<div class="theme-popover-mask"></div><!--遮罩层-->
<!--弹出订单end-->
</body>
</html>
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

dedecms织梦默认的TAG标签不是很灵活。有时候我们的标签需要进行一个分类,能不能像{dede:arclist}标签的自定义属性(如:flag=c,h),这样全站调用的时候更灵活。 全站调用TAG标签方法一般是: {dede:tag row='100' sort='new' getall='1'}a target="_blank
未审核文档的TAG会显示在TAG列表页面, 固然点击进入TAG时, 相关的未审核文章不会显示出来, 这样对用户体验是很不好的. DEDECMS暂时没有提供这个功能,所以要解决这个问题, 让DEDECMS不显示未审核文档的TAG, 就要修改TAG的显示库文件 tag.lib.php。 方法一 打
我们都知道DEDECMS生成的文件夹是按天生成的,只要传了图片就会自动建立个年月日的文件,centos系统下,都是随便排序的,很难找到对应文件夹,如果要按顺序排列,要怎么操作呢? 一、文件管理器: 修改 /dede/templets/file_manage_main.html $dh = dir($inp
我们在用到织梦dedecms软件模型的时候,手动指定地址通常只能是引用其他网址或者链接,我们要实现直接选取站内的文件,这个要怎么操作呢?下面小编一步步为您解答,最终效果如下图所示: 实现教程 1、打开 /dede/templets/soft_add.htm 找到 input type=text
我们有时候需要对织梦文档的点击量进行批量维护,比如采集来的文章,点击量都为0,需要批量修改,可以用到如下方法1。 1、在数据库里运行下面的代码就可以了,文章的点击量变得随机从500到1000 UPDATE dede_archives SET click=FLOOR(500 + (RAND() * 1000))
用过dedecms的朋友都知道,织梦cms后台系统基本参数里是无法直接上传图片的,我们更换logo图只能到ftp里替换,非常的不方便,我们如果想直接在系统基本参数里上传,要怎么处理呢?在这里需要对代码进行修改,具体流程如下: 实现方法,打开/dede/templets/sy