<div class="form-body"> <iframe class="hide" id="iForms_FRAME" name="iForms_FRAME"></iframe> <!--自定义表单的表单--> <form action="<!--{iCMS:router url='forms'}-->" id="aaaaaaaaaaaa" class="form-inline" method="post" target="iForms_FRAME"> <!--表单结构--> <!--{iCMS:forms:create formid="表单ID"}--> <div class="mb10"></div> <div class="form-actions"> <button class="btn btn-lg btn-primary" type="submit"> <i class="fa fa-check"></i> 提 交 </button> </div> </form> <!--自定义表单提交脚本 可以自己写--> <script> $(function(){ $("#aaaaaaaaaaaa").submit(function(){ event.preventDefault(); var me = $(this); var param = me.serialize(); $.post("<!--{iCMS:router url='forms'}-->", param, function(ret) { if(ret.code){ me.html('<div class="alert alert-success" role="alert">'+ret.msg+'</div>'); }else{ if(ret.forward){ $("#"+ret.forward.id).focus(); } iCMS.UI.alert(ret.msg); } } ,'json'); return false; }); }); </script></div>
样式自己调整
表单结构自定义
<!--{iCMS:forms:create formid="表单ID" layout="false"}-->
其它字段只要name跟自定义的一样就可以
示例:
<div class="form-body"> <!--自构表单--> <form action="<!--{iCMS:router url='forms'}-->" method="post"> <!--{iCMS:forms:create formid="表单ID" layout="false"}--> <!--表单结构--> <input id="自定义表单字段1" name="自定义表单字段1" type="text" class="form-control" value="" /> <input id="自定义表单字段2" name="自定义表单字段2" type="text" class="form-control" value="" /> <input id="自定义表单字段3" name="自定义表单字段3" type="text" class="form-control" value="" /> <div class="form-actions"> <button class="btn btn-lg btn-primary" type="submit"> <i class="fa fa-check"></i> 提 交 </button> </div> </form></div>
希望以上内容对你有所帮助!如果还有其他问题,请随时提问。 各类知识收集 拥有多年CMS企业建站经验,对 iCMS, Fastadmin, ClassCMS, LeCMS, PbootCMS, PHPCMS, 易优CMS, YzmCMS, 讯睿CMS, 极致CMS, Wordpress, HkCMS, YznCMS, WellCMS, ThinkCMF, 等各类cms的相互转化,程序开发,网站制作,bug修复,程序杀毒,插件定制都可以提供最佳解决方案。
未经允许不得转载:Str Tom工作室 » 自定义表单调用_自定义