jQuery实现的实例代码,用于动态增加或减少输入框

jQuery实现的实例代码,用于动态增加或减少输入框
通过字符串拼接,所有输入框的内容拼接在1234235 # 34634234 # 123525格式。
网页代码:
复制代码代码如下所示:
手机uff1a


JS代码:
复制代码代码如下所示:
$(函数(){())
初始化
initfields();
});
功能initfields(){
初始化移动电话
var text = $(#移动)的瓦迩();
VaR SS = text.split(# );
如果(长度> 0){
$(# mobile_t)。瓦迩(SS { 0 });
}
对于(var i = 1;i < ss.length;i++){
Addinput('mobile_s_div ','mobile_div,SS {我});
}
}

字符串拼接
src_id是源输入的名字,和dist_id是目标输入的ID值
* /
功能组成(src_name,dist_id){
var;
SS = $(var输入{名称=+ src_name +})。每个(功能(我){)
如果($),瓦迩()!=)
STR + =#+ $(this)瓦迩();
});
STR = str.substring(1,str.length);
$(# + dist_id)瓦迩(STR);
}

克隆输入,在指定的容器中显示
* /
功能addinput(ID,div_id,文本){
mobile_div = $(var的# + ID)Clone();
mobile_div.children(输入的)。瓦迩(文本);
无功delbt = $()
Delbt.bind(点击),功能(家长){ $(this)(去)(});
mobile_div.append(delbt)
$(# + div_id)。追加(mobile_div);
返回false;
}
功能会员(){
('mobile_t组成,移动平台);
}

功能checkmobilephone(obj){
如果(obj = = null){
返回false;
}
VaR跨度= $(obj)。家长()孩子('span);
var str = obj.value;
如果(=){
span.text(' ');
$(obj)。RemoveClass(inputerror );
返回false;
}
var模式1 = { 10 } };
如果(!Pattern.exec(obj值)){ / /失配处理
span.text(电话号码是错的!)css(颜色
$(obj)。AddClass(inputerror );
返回false;
{ }人
span.text(' ');
$(obj)。RemoveClass(inputerror );
}
}

将js文件引入到html文件中

复制代码代码如下所示:

复制代码代码如下所示:

免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部