2010-10-02 121 views
0

有谁知道如何通过AJAX自动提交表单,而无需显式点击提交按钮。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,但我希望它在列上的按键事件上触发。

回答

1

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

像:

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

您可以定义$就...功能的其他功能

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

里面那么,只要你喜欢,你可以调用这个函数。

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