jQuery选择器快速提取web表单数据示例

我很懒。当我上网时,我想找到一种节省时间和精力的方法。

在网页提交表单,需要验证用户输入之前,在用户输入信息的提取,在JS使用document.getelementbyid(2),这种形式是好的,但也有很多(当我遇到十几例)看到的人更加厌恶的眼睛,所以幸运的是这样的,我瞎琢磨,用jQuery找到一个方便的方法。

我需要提交每个表单字段的数据添加一个额外的属性,他们的额外定义属性_postfield 来代替原来的名称属性,例如,然后使用查询来获取DOM对象,所有_postfield性质和遍历,包装的关键_postfield价值,其内容的价值JSON的关键,JS方法如下:
复制代码代码如下所示:

功能getformfield(SEL){
var obj = $(专业+选择+});
VaR postData = { };
对于(var i = 0,len = objs.length;我< len;i++){
var obj =对象{我};
VaR形式= obj.nodename.tolowercase();
var = $(obj)。Attr(SEL);

如果(节点名= =输入){
(如果)(obj.type.trim = =无线电(obj。检查| | OBJ。检查= =检查)){

{ } = $ postData领域(obj)瓦迩();
继续;
}
(如果)(obj.type.trim = =复选框(obj。检查| | OBJ。检查= =检查)){
VaR OV= postData {场} | | ;
VaR NV = OV +
{ } = nv.replace postData领域(+ / / ^,);
继续;
}

如果(对象类型。饰)(文本)(| obj.type.trim = = = = |隐藏){
{ } = $ postData领域(obj)瓦迩();
继续;
}

继续;
}

如果(节点名= =文本){
{ } = $ postData领域(obj)瓦迩();
继续;
}

如果(节点名= = 选择){
VaR值=对象。选择{ obj。SelectedIndex值};
{ } = val postData领域;
继续;
}

{ } = $ postData领域(obj)Html();

}

从表单返回JSON数据获取数据
返回发布资料;
}


测试代码:
复制代码代码如下所示:


男性的
女性的
中立的

去工作
是个乞丐
什么是相关的





函数测试(){
VaR postData = getformfield(_postfield );

var;
对于(VAR在postData){
Sb.push(O +=+ postData {哦});
}
警报(sb.join(;
}



以上示例表单字段比较小,有些东西不体现,但当表单字段的数量比较多时,能够反映它的方便性和更好的可重用性;另外,如果提交的异步jQuery、JSON数据包甚至手动操作都是保存的。
有些人可能不愿意添加自定义字段类似于_postfield的表单字段,然后用自己的名字直接。这只是jQuery选择器的使用,但质量是一样的。