在线留言(表单提交案例)

在模板中,你可以方便得使用各种表单进行问题反馈记录。以下代码便是一个模板中,表单反馈的示例

1.模板中的表单提交

  1. <form id="formManage">
  2. <input type="hidden" name="siteid" value="{site.id}" />
  3. 您的姓名:<input type="input" name="title" value="" /><br/>
  4. 所在城市:<input type="input" name="所在城市" value="" /><br/>
  5. 联系电话:<input type="input" name="联系电话" value="" /><br/>
  6. </form>
  7. <script src="http://res.weiunity.com/js/jquery-2.1.4.js"></script>
  8. <!-- 下面是提交按钮,可完全不需改动。若是需要改,你只需改一下按钮的名字,以及点击提交按钮之后的提示文字即可。 -->
  9. <button onclick="$.post('{masterSiteUrl}formAdd.do', $('#formManage').serialize(), function(data){}, 'json');alert('提交成功!');">提交</button>

注意事项

  1. 传递的 siteid 参数,以标识提交的反馈信息是提交到你自己的站点。这个参数是必须要传的。{site.id} 是在模板中动态调用你站点的编号。当然,你也可以将编号直接写上,写死。不过推荐是使用动态 {site.id} ,这样你的模板还方便导出后重复使用。
  2. 传递的 title 参数也是必须传的,当访客提交表单后,你在管理后台所看到的反馈列表,列表的标题便是此处。
  3. 以上表单中的所在城市、联系电话,是两个参考项,如果你有更多提交项,可以参考这两项增加即可。另外, input 的 name 属性中设置的文字,也是在网站管理后台中显示出来的。会如此显示 name : value ,另外,这几个自定义的 input 项的顺序,在后台中查看反馈信息的详情时,显示的顺序是一样的。

2.网站中的效果

成功之后的效果,如下图所示:

3.后台中查看反馈信息

提交多条信息之后,点击功能插件中的表单反馈,查看提交的信息
如下图所示:

点击其中一条进入,查看这条反馈信息的详情:
如下图所示:

4.示例演示

这里,有一个我们做好的模板,其中在页面的中间靠左位置,有一个 “课程预约” , 可以做为参考
网址 http://qiye11.wscso.com/jianjie.html