文章详情

默认情况下表单提交页面是单独的一个页面,而在实际项目中有时候需要把表单提交页面放到首页、放到指定的栏目页、放到会员中心,都有可能性。

本章节来介绍如何把网站表单提交内容部分放到其他页面的任意位置。

1、我们以下图的留言表单为例

迅睿CMS表单调用-外部页面调用网站表单/全局表单提交项目

2、在指定的页面,例如index.html首页上加上,下面代码中的‘liuyan’需要改成你自己的表单别名

{php extract(dr_get_form_post_value('liuyan'))}
<p>调试信息:{$debug}</p>
<form action="{$post_url}&is_show_msg=1" class="form-horizontal" method="post" name="myform" id="myform">
 {$form}
 <div class="fc-form-body">
  {$myfield}
  {$diyfield}
  {$sysfield}
  {if $is_post_code}
  <div class="form-group">
   <label class="control-label col-md-1">{dr_lang('验证码')}</label>
   <div class="col-md-10">
    <label>
     <div class="form-recaptcha">
      <div class="input-group">
       <input type="text" class="form-control" name="code">
       <div class="input-group-btn fc-code">
        {dr_code(120, 35)}
       </div>
      </div>
     </div>
    </label>
   </div>
  </div>
  {/if}
 </div>

 <div class="portlet-body form myfooter">
  <div class="form-actions text-center">
    <button type="button" onclick="dr_ajax_submit('{$post_url}', 'myform', '', '')" class="btn green"> AJAX提交不跳转(需要手动加载官方js库)</button>
  <button type="button" onclick="dr_ajax_submit('{$post_url}', 'myform', '2000', '{$rt_url}')" class="btn green"> AJAX提交并跳转(需要手动加载官方js库)</button>
 <button type="submit" class="btn green"> 普通提交</button>
  </div>
 </div>
</form>
调试信息:{$debug}

注意ajax提交需要加载官方js库:https://www.xunruicms.com/doc/627.html

3、然后预览首页就有了!

迅睿CMS表单调用-外部页面调用网站表单/全局表单提交项目

这个界面是按照系统字段自动生成的界面,如果你不喜欢这种布局,可以自己改html代码即可

{$myfield}
{$diyfield}
{$sysfield}

这几个变量就是自动生成字段对应的html标签,你可以把它删掉,自己写html控件

自己写html控件的时候,一定记住自己的表单name参数是data[字段] 形式 不要忘了! 如:

迅睿CMS表单调用-外部页面调用网站表单/全局表单提交项目

这项操作需要格外注意的几个参数:

1、如果不是在form/xxx_post.html 页面提交的情况下,需要注意提交地址

 <button type="button" onclick="dr_ajax_submit('{$post_url}', 'myform', '2000', '{$rt_url}')" class="btn green"> AJAX提交并跳转到后台的指定页面</button>
   <button type="button" onclick="dr_ajax_submit('{$post_url}', 'myform', '', '')" class="btn green"> AJAX提交不跳转</button>

2、注意表单开头

{php extract(dr_get_form_post_value('liuyan'))}

这里的liuyan,一定要换成你自己的表单字段名称

3、点击ajax提交按钮无反应,排查如下:

迅睿CMS表单调用-外部页面调用网站表单/全局表单提交项目

需要加入注意ajax提交需要加载官方js库:https://www.xunruicms.com/doc/627.html

本文地址:https://www.xunruicms.com/doc/612.html

微信扫一扫

支付宝扫一扫

版权:

转载请注明出处:https://www.027xm.com/162.html

相关推荐
IDEA 2024.3.3 最新破解版安装教程(附激活码,至2099年)
废话不多说,先上 IDEA 2024.3.3 版本破解成功的截图,如下,可以看到已经成功破解到 2099 年辣,舒服! 卸载老版本 IDEA…
701 免费
迅睿CMS表单调用-外部页面调用网站表单/全局表单提交项目
默认情况下表单提交页面是单独的一个页面,而在实际项目中有时候需要把表单提交页面放到首页、放到指定的栏目页、放到会员中心,都有可能性。 本章节…
5
PC+移动双端页面自适应屏幕缩放适配JS代码
很多前端重构工程师在进行网页还原的时候在自适应这一块会面临一些困扰,不能兼容其他屏幕的情况出现,今天分享一些代码希望可以帮助到大家。 这里以…
4
Memcached与Redis的区别:WordPress网站加速优化篇
Memcached和Redis都是一种内存数据结构存储,它们可以作为数据库、缓存或消息队列使用。它们以高性能和高可用性的特点,成为WordP…
WordPress建站云服务器怎么选择?
如果您想搭建一个wordpress博客、商城、品牌官网或者web网站,选择一个稳定的云服务器是非常有必要的。那么如何选择一台适合WordPr…
WordPress主题开发教程手册 — 主题开发函数
Functions.php可以被经典主题、区块主题和子主题使用。 functions.php文件是您向WordPress主题添加特定功能的地…
发表评论
暂无评论

还没有评论呢,快来抢沙发~

点击联系客服

在线时间:8:00-16:00

客服电话

400-859-8780

客服邮箱

service@027xm.com

扫描二维码

关注微信公众号