腓後形式的onkeyup功能

Question

我的表格：

<tfoot> 
     <form method="post" action="kategoriler.php"> 
    <tr> 
    <th>Select</th> 
    <th><input type="text" name="id" id="id" class="form-control" style="width:80px;" placeholder="#"></th> 
    <th>Image</th> 
    <th><input type="text" name="name" id="name" class="form-control" style="width:120px;" placeholder="Name"></th> 
    <th>Order</th> 
    <th><input type="text" name="Visibility" id="Visibility" class="form-control" style="width:120px;" placeholder="Visibility"></th> 
    <th>Date</th> 
    <th>Edit</th> 
    </tr> 
    </form> 
    </tfoot> 

我想我怎麼能發送此表單值後用JSON和功能的onkeyup這個值？

Answer 1

該作品增添KEYUP功能對所有輸入型的形式

$('form input:text').keyup(function(){ 
     var data = $("form").serialize(); 
     $.ajax({ 
     url: 'kategoriler.php', 
     data: data, 
     dataType:'json', 
     type:'POST', 
     async:false, 
     success: function(data) { 
      alert('submitted'); 
     } 
}); 

如果你想添加KEYUP在一個特定的輸入類型，然後只是更換

$('form input:text').keyup(function(){ 

隨着

$('#id').keyup(function(){ 

Answer 2

使用jQuery AJAX爲：

$(document).keydown(function(e) { 
    $.ajax({ 
       type: "POST", 
       dataType: "json", 
       url: "kategoriler.php", 
       data: {name: $('#name').val() //ETC...}, 
       success: function (html) { 
       alert('ok'); 
       } 
     }); 
    }); 

Answer 3

，你可以不喜歡這樣。前提是你whant提交表單在任何KEYUP

//trigger form submit 
$(document).keyup(function(){ 
    $("form").submit(); 
}); 

//Do what you whant with your form 
$("form").submit(function(){ 
    //Do something eg. ajax call 
     $.ajax({ 
      type: "POST", 
      dataType: "json", 
      url: "kategoriler.php", 
      data: {name: $('#name').val() //ETC...}, 
      success: function (html) { 
       alert('ok'); 
      } 
     }); 
});