masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial js > jquery选择符快速提取web表单数据示例_jquery

jquery选择符快速提取web表单数据示例_jquery

WBOY
Lepaskan： 2016-05-16 16:54:04
asal
1292 orang telah melayarinya

本人比较懒，在做web时，当遇到要重复多次同样的事时，就想找一种省时省力的方法。

以前在web提交表单并且需要验证用户输入时，在提取用户输入信息时，都要在js用到document.getElementById()，这样一个两个表单域还行，但有很多时（我就遇到过有十几个的情况）看看都眼花，所以个人就比较反感这种方式，不过还好，我自己瞎琢磨，利用jquery找到了一种方便的方法。

我给需要提交数据每个表单域添加了一个额外的属性，用自己额外定义的属性"_postField"代替原来的name属性，比如之类，然后用query获取所有存在_postField属性的dom对象，并进行遍历，封装成以_postField的值为key，其内容为value的json键值对，其js的方法如下：

复制代码 代码如下:



测试代码：
复制代码 代码如下:





男
女
中性








<script> <BR>function test(){ <BR>var postData = getFormField("_postField"); <br><br>var sb = []; <BR>for(var o in postData){ <BR>sb.push(o+"="+postData[o]); <BR>} <BR>alert(sb.join("\n")); <BR>} <BR></script>

jquery选择符快速提取web表单数据示例_jquery 

以上例子的表单域比较少，一些东西体现不出，但当表单域的数量比较多少时，就能体现出其方便性，而且重用性较好；再者，如果用jquery异步提交的话，连手动封装json数据的操作都省了。
也有人可能不愿意给表单域增加类似“_postField”的自定义字段，那就直接用本身就有的name也行，这只是jquery选择符的使用不同，其实质还是一样的。
Label berkaitan：
jquery data borang 选择符
sumber：php.cn
Artikel sebelumnya：调用jQuery滑出效果时闪烁的解决方法_javascript技巧 Artikel seterusnya：JS通过分析userAgent属性来判断浏览器的类型及版本_javascript技巧
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Hantar borang tanpa butang menggunakan Javascript/Jquery Saya cuba menyerahkan borang tanpa butang dengan memanggil fungsi JavaScript dan melaksana...
daripada 2024-04-06 14:54:03
0
2
421
Bagaimana untuk mendapatkan semula nilai baris yang tidak dipilih dalam jadual data HTML menggunakan jquery Saya cuba mendapatkan nilai semua baris di mana butang tidak diklik. Sebagai contoh, apabi...
daripada 2024-04-05 09:26:49
0
1
1418
Perlukan skrip jquery untuk mengalihkan pilihan yang dipilih dari kotak pilihan berdasarkan pemilihan semasa pengguna akhir Saya mempunyai halaman HTML di mana pengguna akhir boleh meletakkan kedudukan item kami me...
daripada 2024-04-04 18:40:04
0
1
3528
Saya telah mencipta elemen dalam CSS tulen melalui penanda halaman. Ia dicipta tetapi tidak kelihatan Kod saya adalah seperti berikut: g=document.createElement('div');g.setAttribute("id&q...
daripada 2024-04-04 17:27:27
0
1
417
Tidak dapat menghantar data borang pada iOS Safari/Firefox Ini berfungsi pada semua platform kecuali Safari/Firefox pada iOS: jQuery("#gform_1&q...
daripada 2024-04-04 12:53:48
0
1
303
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan