国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

jQuery解決input超多的表單提交

2019-11-20 11:52:42
字體:
供稿:網(wǎng)友

近段時間接到一個比較奇葩的需求,對方要求在企業(yè)站中加入一個類似word的表單,并供用戶在線填寫與提交。

仔細(xì)看了一下,該表單的字段高達(dá)一百多個,這個量級是相當(dāng)可怕的。如果每個input手動去填寫id和name的話,該是一個多么可怕的體力活啊。

反復(fù)思考了一下,為避免苦逼的去逐個填寫input的id與name,決定用JS配合PHP的方式來解決這個表單一連串的提交工作。

表單組成部分

表單首先按照客戶的要求,將需要填寫的表格與選項按照word文檔的原型進行布局,使其符合用戶體驗,如下圖:

(上圖只是截取表單的一小部分作為范例,實際上這個表單是無比之大的)

當(dāng)表單的html布局完成之后,我們就需要開始對這些表單的input設(shè)定id與name用于表單提交了。

前言中已經(jīng)說道到了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,上面已經(jīng)可以正常的把表單提交到PHP程序中進行處理了。當(dāng)然上面的辦法也適用于任何一種web程序,比如說.net,jsp,asp等等…..

下一步我們就需要對提交過來的字符串進行拆解,以獲取表單內(nèi)的值。關(guān)于如何獲取表單的傳值,本文就不做解釋了。

由于表單傳過來的值也是N個,所以我們也不可能一個一個的去寫數(shù)組變量來獲取這些值,所以這里也需要用到一些辦法來處理。

好,下面我們來說正事。首先我們按照之前的js程序邏輯來思考,如何讓這些數(shù)組每個自增1來實現(xiàn)數(shù)組的輸出。

程序代碼如下:

<?php$num = 0; //初始化計數(shù)變量$_REQUEST[‘val'.$num]; $num++; //插入到需要獲取值的地方,每個需要獲取傳值的地方重復(fù)使用這串代碼即可?>

這組代碼主要用在表單input與request順序一致的情況下使用,如果不能一一對應(yīng)順序的話,則會出現(xiàn)混亂。因此用的時候需要慎重!

提交數(shù)據(jù)庫的時候可以考慮使用foreach的方式將獲取的傳參處理成數(shù)組再插入數(shù)據(jù)庫會比較方便。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 兰溪市| 射洪县| 五大连池市| 丰镇市| 三河市| 宁陵县| 安达市| 思南县| 富锦市| 衡山县| 金塔县| 正定县| 高要市| 边坝县| 平乐县| 福安市| 涞水县| 嘉兴市| 隆尧县| 成武县| 滦南县| 禹城市| 嵩明县| 襄垣县| 东明县| 信丰县| 岳阳市| 九龙县| 太保市| 鹿泉市| 盈江县| 广元市| 铜陵市| 马鞍山市| 都昌县| 桓仁| 瑞昌市| 章丘市| 瑞昌市| 林口县| 浙江省|