javascript - 如何提交表单 onkeyup Action

标签 javascript jquery form-submit jquery-events

我正在尝试保存表单 onkeyup 操作。我是 jQuery 新手。

这可能吗?

感谢任何帮助。

编辑 1: 保存表单意味着保存到服务器。有没有办法增加 0.2 秒的延迟。

最佳答案

此代码将在 keyup 上提交您的表单

$('#element').bind('keyup', function() { 
    $('#form').delay(200).submit();
});

在此代码中,您拦截表单提交并使用 ajax 提交更改它

$("#form").submit(function (event) {
    event.preventDefault();
    $.ajax({
        type: "post",
        dataType: "html",
        url: '/url/toSubmit/to',
        data: $("#form").serialize(),,
        success: function (response) {
            //write here any code needed for handling success         }
    });
});

要使用延迟函数,您应该使用 jQuery 1.4。传递给 delay 的参数以毫秒为单位。

关于javascript - 如何提交表单 onkeyup Action ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4069326/

相关文章:

c# - 如何让 YUI 编辑器传递其内容

jquery返回值是什么意思? jQuery.fn.init(3) [...,prevObject : jQuery. fn.init(1)]

javascript - jQuery .text 不工作

python - 使用包含 select 标签的先前请求创建 Django View

JavaScript 表单提交带有一个名为 submit 的字段

javascript - 为什么通过函数参数从 div 获取文本不起作用?

javascript - 覆盖 UTM 参数

javascript - 使用函数 getElementsByTagName 获取具有动态 ID 的元素的问题 - NightwatchJS

javascript - 为什么这个 jquery onClick 事件没有被激活?

javascript - 在不重新运行 jquery 验证的情况下检查表单是否有效