jquery实现输入框动态增减

主要功能是动态增减输入框，而且支持对各个输入框的检测。

每个输入框在输入内容后，对其进行错误提示

最后通过字符串拼接，将所有的输入框中的内容，用“1234235#34634234#123525”这样的格式拼接。

网页端代码：

01

<form>

02

<table>

03

<tr><th>手机：</th>

04

    <td style="padding:10px 0;">

05

    <input type="hidden" name="user.mobile" value="124213#243463" id="mobile"/>

06

    <div id="mobile_s_div">

07

    <input type="text" id="mobile_t" name="mobile_t" value="%{#session.user.mobile}" onchange="checkMobilephone(this)" onkeyup="checkMobilephone(this)"/>

08

    <span></span>

09

    </div>

10

    <div id="mobile_div"></div>

11

    <input type="submit" onclick="return addinput('mobile_s_div', 'mobile_div', '')" value='再添加一个' ></input>

12

    </td>

13

</tr>

14

</table>

15

</form>

js代码：

01

$(function() {

02

    //初始化

03

    initFields();

04

});

05

06

07

function initFields(){

08

    //初始化手机

09

    var text = $('#mobile').val();

10

    var ss=text.split("#");

11

    if(ss.length>0){

12

        $('#mobile_t').val(ss[0]);

13

    }

14

    for(var i=1;i<ss.length;i++){

15

       addinput('mobile_s_div', 'mobile_div',ss[i]);

16

    }

17

18

19

}

20

/**

21

字符串拼接

22

src_id 是源input的name，dist_id是目标input的id值

23

*/

24

function compose(src_name, dist_id){

25

    var str="";

26

    var ss = $('input[name='+src_name+']').each(function(i){

27

        if($(this).val() != "")

28

            str+='#'+$(this).val();

29

    });

30

    str=str.substring(1,str.length);

31

    $('#'+dist_id).val(str);

32

}

33

34

/**

35

克隆一个input，显示在指定的容器内

36

*/

37

function addinput(id, div_id, text){

38

    var mobile_div=$('#'+id).clone();

39

    mobile_div.children('input').val(text);

40

    var d