近段時間接到一個比較奇葩的需求,對方要求在企業站中加入一個類似word的表單,并供用戶在線填寫與提交。
仔細看了一下,該表單的字段高達一百多個,這個量級是相當可怕的。如果每個input手動去填寫id和name的話,該是一個多么可怕的體力活啊。
反復思考了一下,為避免苦逼的去逐個填寫input的id與name,決定用JS配合PHP的方式來解決這個表單一連串的提交工作。
表單組成部分
表單首先按照客戶的要求,將需要填寫的表格與選項按照word文檔的原型進行布局,使其符合用戶體驗,如下圖:
(上圖只是截取表單的一小部分作為范例,實際上這個表單是無比之大的)
當表單的html布局完成之后,我們就需要開始對這些表單的input設定id與name用于表單提交了。
前言中已經說道到了input非常多,所以我們這里采用JS的方式來為input自動添加id與name。代碼如下(jquery方式):
$(document).ready(function(){var inputNum = 0;$(‘input').each(function(){$(this).attr({name:‘val'+inputNum,id:‘val'+inputNum});inputNum++})})
通過js處理后,該頁面的所有input都會自動按照自增1的方式對id和name進行添加。至此,這個表單的基本上可以正常使用了。(frome咱就不解釋了,程序員都懂的。)
表單GET部分
OK,上面已經可以正常的把表單提交到PHP程序中進行處理了。當然上面的辦法也適用于任何一種web程序,比如說.net,jsp,asp等等…..
下一步我們就需要對提交過來的字符串進行拆解,以獲取表單內的值。關于如何獲取表單的傳值,本文就不做解釋了。
由于表單傳過來的值也是N個,所以我們也不可能一個一個的去寫數組變量來獲取這些值,所以這里也需要用到一些辦法來處理。
好,下面我們來說正事。首先我們按照之前的js程序邏輯來思考,如何讓這些數組每個自增1來實現數組的輸出。
程序代碼如下:
<?php$num = 0; //初始化計數變量$_REQUEST[‘val'.$num]; $num++; //插入到需要獲取值的地方,每個需要獲取傳值的地方重復使用這串代碼即可?>
這組代碼主要用在表單input與request順序一致的情況下使用,如果不能一一對應順序的話,則會出現混亂。因此用的時候需要慎重!
提交數據庫的時候可以考慮使用foreach的方式將獲取的傳參處理成數組再插入數據庫會比較方便。
新聞熱點
疑難解答