Ajax автозаполнение формы

Question

Кто-нибудь знает, как автоматически отправить форму через AJAX, без необходимости явного нажатия на кнопку отправки.

Например, скажем, у меня есть следующая форма:

<form id="form1" method="post" action="" name="form1">

Rows: <input type="text" name="rows" id="rows" /> <br/ >

Columns<input type="text" name="columns" id="columns"> <br/>

</form>

Когда пользователь заполняет текстовое поле столбцов, я хочу отправить форму. Я знаю, как использовать AJAX, но я хочу, чтобы он срабатывал при событии keyup для столбцов.

Answer 1

Лучшим способом было бы использовать событие OnChange на входе Columns. Возможно, убедитесь, что строки также заполнены правильными данными, а затем вызовите Ajax-вызов.

Как:

$("input#columns").change(function() {
// if rows is filled out {
$.ajax({
type: 'post',
url: $("#form1").attr('action')
etc etc
})
})

Answer 2

Вы можете определить функцию $ .ajax ... внутри другой функции

function submitForm(){
   $.ajax...
}

тогда вы можете вызывать эту функцию в любое время.

$('.column').keyup(function(){
   submitForm();
});