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>
扩展阅读：
转载请注明来源网址：https://www.mubanyun.com/dedecms_jq/1447.html
皖公网安备 34010402703520号
发表评论
评论列表（条）