2015-06-18 93 views
0

我已經使用KEYUP()文本框的值傳遞給AJAX。但在清空文本框時,它將顯示相關表中的所有內容。當文本框爲空時,我想要一個空白頁面。任何人都可以幫助我解決這個問題。該代碼是:KEYUP功能缺損的jquery

$('.form-control').keyup(function() { 
    var name = $('#member_search').val(); 
    var phone = $('#member_contact').val(); 
    var father = $('#member_father').val(); 
    $.ajax({ 
     type: "post", 
     url: "search_result.php", 
     data: { 
      name: name, 
      contact: phone, 
      father: father 
     }, 
     success: function (data) { 
      $('#result').html(data); 
     } 
    }); 
}); 

回答

0

只需選中任何一個是否有其他的內容空結果框中

$('.form-control').keyup(function() { 
    var name = $('#member_search').val(); 
    var phone = $('#member_contact').val(); 
    var father = $('#member_father').val(); 
    if (name || phone || father) {//use name && phone && father if you want to make sure all inputs has content 
     $.ajax({ 
      type: "post", 
      url: "search_result.php", 
      data: { 
       name: name, 
       contact: phone, 
       father: father 
      }, 
      success: function (data) { 
       $('#result').html(data); 
      } 
     }); 
    } else { 
     $('#result').html(''); 
    } 
});