jQuery化解input超多的表单提交,js管理多量input输
分类:关于计算机

近段日子接受三个相比奇葩的须要,对方要求在集团站中投入八个好像word的表单,并供客商在线填写与提交。

近段时直接受八个相比奇葩的须要,对方供给在集团站中出席一个好像word的表单,并供顾客在线填写与付出。

周全看了瞬间,该表单的字段高达第一百货公司五个,这一个量级是一对一可怕的。如若种种input手动去填写id和name的话,该是多个多么吓人的体力活啊。

紧凑看了一晃,该表单的字段高达一百四个,这几个量级是十一分可怕的。纵然各个input手动去填写id和name的话,该是叁个多么吓人的体力活啊。

每每商量了一晃,为防止苦逼的去各类填写input的id与name,决定用JS合作PHP的主意来化解这么些表单三回九转串的交给专门的学问。

数次思考了弹指间,为防止苦逼的去家家户户填写input的id与name,决定用JS同盟PHP的方法来化解那一个表单三翻五次串的交由工作。

表单组成都部队分

 表单组成都部队分

表单首先根据客商的要求,将急需填写的报表与选取根据word文书档案的原型进行布局,使其符合顾客体验,如下图:

表单首先根据客商的须要,将需求填写的报表与选拔根据word文书档案的原型举办布局,使其符合顾客体验,如下图:

图片 1

 

(上航海用体育场合只是截取表单的一小部分作为表率,实际上这几个表单是极致之大的)

 

当表单的html布局形成之后,我们就必要开首对那一个表单的input设定id与name用于表单提交了。

(上海教室只是截取表单的一小部分作为模范,实际上那一个表单是最为之大的)

序言中早就探究到了input比非常多,所以我们那边运用JS的点子来为input自动增加id与name。代码如下(jquery方式):

当表单的html布局形成以后,大家就要求开头对那几个表单的input设定id与name用于表单提交了。

$(document).ready(function(){
var inputNum = 0;
$(‘input').each(function(){
$(this).attr({name:‘val'+inputNum,id:‘val'+inputNum});
inputNum++
})})

前言中早已商讨到了input相当多,所以大家这里运用JS的办法来为input自动加多id与name。代码如下(jquery方式):

因而js管理后,该页面包车型客车享有input都会活动依照自增1的艺术对id和name实行增多。至此,那些表单的几近能够平常使用了。(frome咱就不表明了,技术员都懂的。)

 代码如下

表单GET部分

$(document).ready(function(){
var inputNum = 0;
$(‘input’).each(function(){
$(this).attr({name:‘val’+inputNum,id:‘val’+inputNum});
inputNum++
})})

OK,上面已经得以健康的把表单提交到PHP程序中展开始拍戏卖了。当然上面包车型地铁艺术也适用于别的一种web程序,比方说.net,jsp,asp等等…..

通过js管理后,该页面包车型客车有着input都会自动根据自增1的主意对id和name进行增多。至此,那么些表单的几近可以健康使用了。(frome咱就不解释了,技士都懂的。)

下一步我们就要求对交付过来的字符串实行拆除,以获得表单内的值。关于怎么样得到表单的传值,本文就不做表明了。

 图片 2

是因为表单传过来的值也是N个,所以大家也不容许一个一个的去写数组变量来获得这几个值,所以这里也急需采纳一些主意来处理。

表单GET部分

好,下边大家的话正事。首先大家根据此前的js程序逻辑来思索,如何让这个数组种种自增1来兑现数组的出口。

OK,下面已经得以健康的把表单提交到PHP程序中张开始拍片卖了。当然上边的格局也适用于别的一种web程序,比方说.net,jsp,asp等等…..

程序代码如下:

下一步大家就需求对交付过来的字符串进行拆除与搬迁,以获得表单内的值。关于怎么样收获表单的传值,本文就不做解释了。

<?php
$num = 0; //初始化计数变量
$_REQUEST[‘val'.$num]; $num++; //插入到需要获取值的地方,每个需要获取传值的地方重复使用这串代码即可
?>

由于表单传过来的值也是N个,所以我们也不只怕贰个多少个的去写数组变量来获得这一个值,所以这里也必要利用一些办法来管理。

那组代码主要用在表单input与request顺序一致的意况下使用,若是不能挨个对应顺序的话,则会现出零乱。因而用的时候需要严谨!

好,上面我们的话正事。首先大家根据以前的js程序逻辑来思考,怎样让那么些数组每种自增1来兑现数组的输出。

提交数据库的时候能够设想使用foreach的法子将得到的传参管理成数组再插入数据库会比较方便。

程序代码如下:

你只怕感兴趣的小说:

  • input、button的例外type值在ajax提交表单时产生的牢笼
  • 什么制止INPUT按回车自动提交表单FORM

 代码如下

<?php
$num = 0; //起首化计数变量
$_REQUEST['val'.$num]; $num++; //插入到供给获得值的地点,各个须求获得传值的地点重复使用那串代码就可以
?>

那组代码首要用在表单input与request次第一致的动静下行使,假诺不能够挨个对应顺序的话,则会产出杂乱。因而用的时候必要审慎!

提交数据库的时候能够设想动用foreach的格局将赢得的传参管理成数组再插入数据库会比较有利。

本文由正版必中一肖图发布于关于计算机,转载请注明出处:jQuery化解input超多的表单提交,js管理多量input输

上一篇:没有了 下一篇:没有了
猜你喜欢
热门排行
精彩图文