2016-04-17 27 views
0

我是jQuery的新手。我正尝试从窗体POST/GET数据onBlur。我的基本需求是使发布表单数据(用户输入)和所有隐藏字段......和这些字段值可能会有所不同。但仅限于具体形式,并非所有形式。jquery从特定表格发布所有表单数据onblur

所有我basicly需要的是form-data发布到一个PHP脚本(这是我的主场......希望能在jQuery的开发)

下面是一个例子(可如此改变它可以是jQuery友好的,如果需要的话)

<form name=\"username\"> 
    <input id=\"username\" type=\"text\" value=\"111111111111\"> 
    <input type=\"hidden\" name=\"type\" value=\"username\"> 
    <input type=\"hidden\" name=\"val1\" value=\"???\"> 
    <input type=\"hidden\" name=\"val2\" value=\"???\"> 
    <input type=\"hidden\" name=\"val3\" value=\"???\"> 
</form> 

<form name=\"firstname\"> 
    <input id=\"firstname\" type=\"text\" value=\"222222222222\"> 
    <input type=\"hidden\" name=\"type\" value=\"firstname\"> 
    <input type=\"hidden\" name=\"val1\" value=\"???\"> 
    <input type=\"hidden\" name=\"val2\" value=\"???\"> 
    <input type=\"hidden\" name=\"val3\" value=\"???\"> 
</form> 

<form name=\"lastname\"> 
    <input id=\"lastname\" type=\"text\" value=\"333333333\"> 
    <input type=\"hidden\" name=\"type\" value=\"lastname\"> 
    <input type=\"hidden\" name=\"val1\" value=\"???\"> 
    <input type=\"hidden\" name=\"val2\" value=\"???\"> 
    <input type=\"hidden\" name=\"val3\" value=\"???\"> 
</form>` 

帮助我Obi Wan Kenobi。你是我唯一的希望! :) 期待听到大家的所有....

回答

0
<script> 
$(document).ready(function(){ 
    $('#username, #firstname, #lastname').on('blur', function() { 
     Var data = $(this).closest('form').serialize(); 
     $.post(url, data, function() {}); 
    }); 
}); 
</script> 
+0

非常感谢。我会测试如果。如果我不知道我在哪个表格(姓名),那么在“模糊”时我会得到表格名称。这可能会影响“$('#username,#firstname,#lastname')”。 干杯尼古拉 你不可能知道这个,所以我很抱歉,我没有提前说过,但我怎么会得到form-name或最终只是名为“type”的隐藏值,然后我可以限制数据PHP .......希望你明白我的观点? :) – Nikolaj

+0

当我们序列化并发布值时,所有隐藏的元素将包含在发布的数据中。 –

+0

非常感谢。现在我明白了:)简单的解决方案已经在那里!感谢@Arjun的帮助:) – Nikolaj