首页 > 代码库 > 如何建造你的坑人表单神器
如何建造你的坑人表单神器
今天应那些基佬、屌丝的要求，特意给他们培训了一下屌丝表单神器，专为坑人存在。
1. 见怪不怪
HTML:
<form action=”” method=”post”> <input type=”text” name=”row1”/> <input type=”submit” value=”提交”/></form>
坑人指数：0
吐槽理由：不宜坑人
2. 偶尔偶遇
HTML:
<form action=”” method=”post”> <input type=”text” name=”row[]” /> <input type=”text” name=”row[]”/> <input type=”submit” value=”提交”/></form>
坑人指数：1
吐槽理由：易少写[]
3. 坑人不偿命
HTML
<form action=”” method=”post”> <input type=”text” name=”row[1]” /> <input type=”text” name=”row[2]”/> <input type=”text” name=”row[field]” /> <input type=”text” name=”row[value]”/> <input type=”submit” value=”提交”/></form>
坑人指数：2
吐槽理由：Key值分不清楚
4. 不信坑不死你丫的
HTML:
<input type=”text” value=”” class=”you”/>
<form action=”” method=”post”> <input type=”text” name=”row1”/> <input type=”hidden” name=”yade” /> <input type=”button” class=”go_btn” value=”提交”/></form>
JQuery:
$(“.go_btn”).click(function(){ $(“input[name=’yade’]”).val($(“.you”).val()); $(this).parent().submit();})
坑人指数：3
吐槽理由：你丫的为啥要把input放到form外面
5. 坑丫坑丫坑到外婆家
HTML:
<form action=”” method=”post”> <input type=”text” value=”row1”/> <input type=”text” value=”row2” /> <input type=”button” value=”提交” class=”go_btn”/></form>
坑人指数：4
吐槽理由：丫的是整哪样，没有name叫程序员咋整
解决方案：
JQuery：
$(“.go_btn”).click(function(){ var parent = $(this).parent(); var map = []; parent .find("input[type=text]").each(function(){ map.push($(this).val()); }); $.ajax({ url:parent.attr("action"), data:{map:map} });}
6. 坑坑更健康了
HTML:
<form action=”” method=”post”> <input type=”text” name=”row1”/> <input type=”text” name=”row1”/> <input type=”button” value=”提交” class=”go_btn”/></form>
坑人指数：3
吐槽理由：你丫的为啥只接受json数据
解决方案：
JQuery
$(“.go_btn”).click(function(){
//$(this).parent().serialize();
$.ajax({
data:{s:JSON.stringify($(this).parent().serializeArray())}
})
});
7. 不坑不乐意
HTML:
<form action=”” method=”post”> <p data-value=”111”> <input type=”text” name=”row1”/> </p> <p data-value=”112”> <input type=”text” name=”row2”/> </p> <input type=”button” value=”提交” class="go_btn"/></form>
坑人指数：5
吐槽理由：又p又input的，你想整哪样
解决方案：
JQuery
$(“.go_btn”).click(function(){ var parent = $(this).parent(); var map = []; parent .find("p").each(function(){ map.push({ id:$(this).attr("data-value"), value:$(this).find("input").val() }); }); $.ajax({ url:parent.attr("action"), data:{map:map} });}
8. 坑人无节操
HTML:
<form action=”” method=”post”><input type=”text” name=”row[1][]” /><input type=”text” name=”row[2][]”/><input type=”text” name=”row[field][]” /><input type=”text” name=”row[value][]”/><input type=”submit” value=”提交”/></form>
坑人指数：10
吐槽理由：大哥你想整多少维数据，能整成json吗
估计该文章太坑了，被严重吐槽了，所以被工作人员移出首页了。
如何建造你的坑人表单神器
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。