Как отправить форму onkeyup action - PullRequest
Новая
       8

Как отправить форму onkeyup action

5 голосов
/ 01 ноября 2010

Я пытаюсь сохранить форму onkeyup action.Я новичок в jquery.

Возможно ли это.

Я ценю любую помощь.

edit 1: Сохранить форму означает сохранить на сервере.Есть ли способ добавить задержку 0,2 секунды.

Ответы [ 3 ]

8 голосов
/ 01 ноября 2010

Этот код отправит вашу форму на ключ 

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

В этом коде вы перехватываете отправку формы и изменяете ее с помощью ajax submit 

$("#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.Параметр, передаваемый для задержки, указывается в миллисекундах.

2 голосов
/ 01 ноября 2010

С этой ветки форума jQuery : 

$('#element').bind('keyup', function() { $('#form').submit(); } );
1 голос
/ 22 февраля 2015

Это мое решение: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head><title>Submit after typing finished</title>
<script language="javascript" type="text/javascript">
function DelayedSubmission() {
    var date = new Date();
    initial_time = date.getTime();
    if (typeof setInverval_Variable == 'undefined') {
            setInverval_Variable = setInterval(DelayedSubmission_Check, 50);
    } 
}
function DelayedSubmission_Check() {
    var date = new Date();
    check_time = date.getTime();
    var limit_ms=check_time-initial_time;
    if (limit_ms > 800) { //Change value in milliseconds
        alert("insert your function"); //Insert your function
        clearInterval(setInverval_Variable);
        delete setInverval_Variable;
    }
}

</script>
</head>
<body>

<input type="search" onkeyup="DelayedSubmission()" id="field_id" style="WIDTH: 100px; HEIGHT: 25px;" />

</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...