Jquery从特定表单发布所有表单数据onblur

时间:2016-04-17 19:23:43

标签: php jquery

我是jQuery的新手。我正在尝试从表单上发布/获取有关Blur的数据。我的基本需求是可以发布表单数据(用户输入)和所有隐藏字段......这些字段值可能会有所不同。但只是在特定形式,而不是所有形式。

我基本上需要的是将表单数据发布到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。你是我唯一的希望! :) 期待收到你们所有人的意见....

1 个答案:

答案 0 :(得分:0)

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