当前位置: 编程技术>WEB前端
jquery选择符快速提取web表单数据示例
来源: 互联网 发布时间:2014-08-25
本文导语: 本人比较懒,在做web时,当遇到要重复多次同样的事时,就想找一种省时省力的方法。 以前在web提交表单并且需要验证用户输入时,在提取用户输入信息时,都要在js用到document.getElementById(),这样一个两个表单域还行,但有...
本人比较懒,在做web时,当遇到要重复多次同样的事时,就想找一种省时省力的方法。
以前在web提交表单并且需要验证用户输入时,在提取用户输入信息时,都要在js用到document.getElementById(),这样一个两个表单域还行,但有很多时(我就遇到过有十几个的情况)看看都眼花,所以个人就比较反感这种方式,不过还好,我自己瞎琢磨,利用jquery找到了一种方便的方法。
我给需要提交数据每个表单域添加了一个额外的属性,用自己额外定义的属性"_postField"代替原来的name属性,比如之类,然后用query获取所有存在_postField属性的dom对象,并进行遍历,封装成以_postField的值为key,其内容为value的json键值对,其js的方法如下:
jQuery表单验证插件 jQuery.validity
jQuery 表单插件 jQuery.formLocalStorage
jQuery表单生成插件 jquery-form
jQuery表单插件 jQuery.form
jQuery form表单reset按钮重置清空表单的实现代码
表单验证插件 Jquery表单验证插件
jQuery表单验证插件 validVal
jQuery表单插件 jFormer
使用jQuery重置(reset)表单的方法
unix/linux知识
iis7站长之家
jQuery提交多个表单的小例子
jquery form表单如何序列化为对象
jQuery可伸缩的反馈表单 Contactable
jQuery表单美化和验证插件 Formly
jQuery表单校验插件 VanadiumJS
jQuery表单插件 jNice
jquery easyui表单重置扩展思路
jQuery中验证表单提交方式及序列化表单内容的实现
点击表单提交时出现jQuery没有权限的解决方法
以前在web提交表单并且需要验证用户输入时,在提取用户输入信息时,都要在js用到document.getElementById(),这样一个两个表单域还行,但有很多时(我就遇到过有十几个的情况)看看都眼花,所以个人就比较反感这种方式,不过还好,我自己瞎琢磨,利用jquery找到了一种方便的方法。
我给需要提交数据每个表单域添加了一个额外的属性,用自己额外定义的属性"_postField"代替原来的name属性,比如之类,然后用query获取所有存在_postField属性的dom对象,并进行遍历,封装成以_postField的值为key,其内容为value的json键值对,其js的方法如下:
代码如下: