jquery选择符快速提取web表单数据示例_jquery
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了jquery选择符快速提取web表单数据示例_jquery，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1835字，纯文字阅读大概需要3分钟。
内容图文
本人比较懒，在做web时，当遇到要重复多次同样的事时，就想找一种省时省力的方法。 以前在web提交表单并且需要验证用户输入时，在提取用户输入信息时，都要在js用到document.getElementById()，这样一个两个表单域还行，但有很多时（我就遇到过有十几个的情况）看看都眼花，所以个人就比较反感这种方式，不过还好，我自己瞎琢磨，利用jquery找到了一种方便的方法。
我给需要提交数据每个表单域添加了一个额外的属性，用自己额外定义的属性"_postField"代替原来的name属性，比如之类，然后用query获取所有存在_postField属性的dom对象，并进行遍历，封装成以_postField的值为key，其内容为value的json键值对，其js的方法如下：
代码如下:
<script type="text/javascript>
function getFormField(sel){
var objs = $("*["+sel+"]");
var postData = {};
for(var i=0,len=objs.length;i<len;i++){
var obj = objs[i];
var nodeName = obj.nodeName.toLowerCase();
var field = $(obj).attr(sel);
if(nodeName=="input"){
if(obj.type.trim()=="radio"&&(obj.checked||obj.checked=="checked")){
postData[field] = $(obj).val();
continue;
}
if(obj.type.trim()=="checkbox"&&(obj.checked||obj.checked=="checked")){
var ov = postData[field]||"";
var nv = ov+","+$(obj).val();
postData[field] = nv.replace(/^,+/,"");
continue;
}
if(obj.type.trim()=="text"||obj.type.trim()=="hidden"){
postData[field] = $(obj).val();
continue;
}
continue;
}
if(nodeName=="textarea"){
postData[field] = $(obj).val();
continue;
}
if(nodeName=="select"){
var val = obj.options[obj.selectedIndex].value;
postData[field] = val;
continue;
}
postData[field] = $(obj).html();
}
//返回从表单获取数据的json数据
return postData;
}
</ script>
测试代码：
代码如下:
内容总结
以上是互联网集市为您收集整理的jquery选择符快速提取web表单数据示例_jquery全部内容，希望文章能够帮你解决jquery选择符快速提取web表单数据示例_jquery所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】