最新活动:电脑PC端+手机端+微网站+自适应网页多模板选择-建站388元起价!!!
当前位置:主页 > 网站建设 > dede自定义表单提交后跳转修改测试成功,DEDE技术

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

时间:2023-07-18 10:07:18 阅读: 文章分类: 网站建设 作者: dede技术员

导读:DEDE技术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&qu免费织梦模板ot;>保留至:</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 vdede免费校板下战alue="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>相关织梦模板安装织梦模板免费。

关键词标签: 自定义 DEDE技术 跳转

声明: 本文由我的SEOUC技术文章主页发布于:2023-07-18 ,文章dede自定义表单提交后跳转修改测试成功,DEDE技术主要讲述自定义,跳转,DEDE技术网站建设源码以及服务器配置搭建相关技术文章。转载请保留链接: https://www.seouc.com/article/web_29610.html

我的IDC 网站建设技术SEOUC.COM
专注网站建设,SEO优化,小程序设计制作搭建开发定制网站等,数千家网站定制开发案例,网站推广技术服务。
  • 5000+合作客服
  • 8年从业经验
  • 150+覆盖行业
  • 最新热门源码技术文章