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

您可以在另一个函数

中定义$ .ajax ...函数

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

然后，您可以随时调用此函数。

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

Answer 2

最好的方法是在Columns输入上使用OnChange事件。也许确保行也填充有效数据，然后触发Ajax调用。

像：

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

Ajax自动表单提交

2 个答案: