導語：給客戶套模板，我們總不免涉及到各種各樣的表單提交，快速制作表單是套站中必備技能之一了~~~囧

接下來我們將講述利用PHPOK如何快速制作表單

---

第一步，準備模塊（如已建好，可略過此步驟）

創建模塊（模塊名定為：留言本）用于存儲一些擴展字段，如下圖

填寫模塊名稱，方便管理，如下圖

創建好模塊后，默認是未啟用的，請點擊那個紅色圓標，變為綠色表示啟用，如下圖

操作完后，還可能還需要創建一些擴展字段，如姓名，聯系方式，留言內容等

請點擊右邊帶鑰匙的圖標（如上圖），進去創建相應的字段（如下圖）

創建好字段后，效果如下：

在創建字段時，有一個注意事項。即每個創建的字段都要啟用【前端處理】，不然前臺是調不到的，如下圖

---

第二步，準備項目，并綁定相應的模塊（如已建好，可略過此步驟）

---

第三步，創建表單的數據調用

進入數據調用中心，創建數據調用，如下圖

選擇項目ID：在線留言

填寫調用標識串：message

選擇調用類型：字段及表單

格式化：啟用

如下圖：

---

第四步，在前臺任意頁面調用上述步驟創建的信息（注意噢，是任意模板頁上都可以的）

<scripttype="text/javascript">$(document).ready(function(){$("#submit_message").submit(function(){//提交表單//這里填寫客戶端驗證if(!$('#title').val()){alert("留言主題不能為空");returnfalse;}//客戶端驗證結束，開始執行提交$(this).ajaxSubmit({'url':api_url('post','save','id=book'),'type':'post','dataType':'json','success':function(rs){if(rs.status=='ok'){alert('您的留言信息已發布，請耐心等候管理員審核，感謝您的提交');$.phpok.reload();}else{alert(rs.content);//更新驗證碼$("#update_vcode").phpok_vcode();//清空現有驗證碼$("#_chkcode").val('');returnfalse;}}});returnfalse;});});</script><formmethod="post"id="submit_message"><!--php:$list=phpok('message','in_title=1')--><tablewidth="100%"><!--loopfrom=$listkey=$keyvalue=$value--><tr><tdwidth="150px"align="right">{$value.title}：</td><tdclass="td">{$value.html}</td></tr><!--/loop--><!--if$sys.is_vcode&&function_exists("imagecreate")--><tr><tdalign="right">驗證碼：</td><tdclass="td"><tablecellpadding="0"cellspacing="0"width="180px"><tr><td><inputtype="text"name="_chkcode"id="_chkcode"class="vcode"/></td><tdalign="right"><imgsrc=""border="0"align="absmiddle"id="update_vcode"class="hand"></td></tr></table><scripttype="text/javascript">$(document).ready(function(){$("#update_vcode").phpok_vcode();//更新點擊時操作$("#update_vcode").click(function(){$(this).phpok_vcode();});});</script></td></tr><!--/if--><tr><td></td><td><inputtype="submit"value="提交"class="submit"/></td></tr></table></form>

針對上述代碼，我們可以來分析下：

行數說明01-32行數據提交，其中第12行表示提交的地址，id=book，表示提交到項目標識為book這里來33行表單開始，<form 指定一個ID，方便在Ajax中綁定事件，這里用的是submit_message34行
獲取數據調用中心自定義的表單內容，其中in_title參數表示包括標題頭36-41行
循環輸出表單信息42-63行
是否啟用驗證碼功能，使用驗證碼需要同時開啟config_www.php里的驗證碼66行
提交按鈕69行
</form>表單結束重點提示本次示例使用Ajax提交，使用到了jquery的擴展庫ajaxSubmit，要求您的JS庫中需要包含！
一般不用擔心，PHPOK使用{url ctrl=js /}就表示已經內置了。

本頁內容由塔燈網絡科技有限公司通過網絡收集編輯所得，所有資料僅供用戶參考了本站不擁有所有權，如您認為本網頁中由涉嫌抄襲的內容，請及時與我們聯系，并提供相關證據，工作人員會在5工作日內聯系您，一經查實，本站立刻刪除侵權內容。本文鏈接:http://www.junxiaosheng.cn/2100.html