Ajax formulaire automatique soumettre

Question

Est-ce que quelqu'un sait comment soumettre automatiquement un formulaire via AJAX, sans avoir à cliquer explicitement sur le bouton soumettre.

Par exemple, dire que j'ai la forme suivante:

<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> 

Lorsque l'utilisateur remplit la zone de texte de colonnes que je veux que le formulaire à présenter. Je sais comment utiliser AJAX, mais je veux le déclencher sur l'événement keyup sur les colonnes.

Answer 1

La meilleure façon serait d'utiliser l'événement OnChange sur l'entrée Columns. Assurez-vous peut-être que les lignes sont également remplies avec des données valides, puis déclenchez l'appel Ajax.

Comme:

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

Answer 2

Vous pouvez définir la .ajax $ ... fonction dans une autre fonction

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

alors, vous pouvez appeler cette fonction quand vous le souhaitez.

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