天域苍穹,豆豆小说阅读网,好看的言情小说

主頁 > 網(wǎng)站建設(shè) > 建站知識(shí) > dede自定義表單提交后跳轉(zhuǎn)修改測(cè)試成功

dede自定義表單提交后跳轉(zhuǎn)修改測(cè)試成功

POST TIME:2017-11-13 00:39

html5響應(yīng)式網(wǎng)站織夢(mèng)模板源碼IT網(wǎng)絡(luò)工作室織夢(mèng)網(wǎng)

藍(lán)色安防器材公司類整站模板

軟件APP類網(wǎng)站源碼織夢(mèng)通用型企業(yè)網(wǎng)站源碼html

工業(yè)環(huán)保工程類企業(yè)網(wǎng)站織夢(mèng)模板(帶手機(jī)端)

dede默認(rèn)的表單運(yùn)用得比較多的有留言頁面和訂單提交。提交后跳到表單列表頁或首頁，這個(gè)體驗(yàn)很不舒服。如果通過彈窗實(shí)現(xiàn)提交也可以，用戶還是在原來的頁面。

近段時(shí)間接到一個(gè)服裝公司建站需求，對(duì)表單提交有些特殊要求，開始考慮用專業(yè)的商城來做，但是對(duì)于內(nèi)容的管理還是dede比較占優(yōu)，而且dede有簡(jiǎn)單的商城功能，可以解決用戶的下單要求，其實(shí)對(duì)專業(yè)的商城系統(tǒng)來說，管理起來稍微復(fù)雜了。

接下來就看看怎么實(shí)現(xiàn)這個(gè)功能。

方法一：打開/plus/diy.php，找到

$bkmsg = '發(fā)布成功，請(qǐng)等待管理員處理…';

下面添加

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

效果就是點(diǎn)擊提交后彈出窗口，點(diǎn)擊確定的時(shí)候返回上一頁面。雖然效果不比JS彈窗體驗(yàn)好，但有些瀏覽器阻止了JS彈窗，兼容性更好些。

如果要跳轉(zhuǎn)到指定的頁面，可以這樣寫

$goto = "網(wǎng)址";

方法二：附完整訂單提交js彈窗實(shí)例，打開/plus/diy.php，找到

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

更改為

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

前臺(tái)部分

<!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="關(guān)閉" 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="請(qǐng)輸入到店人的姓名" class="hangR">
      <input type="text" name="shoujihaoma" id="shoujihaoma" placeholder="請(qǐng)輸入到店人的手機(jī)號(hào)碼" 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" /><!--校驗(yàn)碼-->
    <input type="submit" name="submit" value="確認(rèn)提交" class="submit">
   </form><!--表單end-->
</div>
</div>
<div class="theme-popover-mask"></div><!--遮罩層-->
<!--彈出訂單end-->
</body>
</html>