Ajax自動完成輸入字段沒有根據的數據不發送

Question

我有一個問題。我使用Ajax自動完成輸入字段並獲取列出的數據表單數據庫。它的工作很好，但我想當沒有找到數據，然後輸入字段不發送任何數據到SQL。

<input type="text" name="country" id="country" class="form-control" placeholder="Enter Country Name" /> 
       <div id="countryList"></div> 

阿賈克斯

$(document).ready(function(){ 
     $('#country').keyup(function(){ 
      var query = $(this).val(); 
      if(query != '') 
      { 
       $.ajax({ 
        url:"search.php", 
        method:"POST", 
        data:{query:query}, 
        success:function(data) 
        { 
          $('#countryList').fadeIn(); 
          $('#countryList').html(data); 
        } 
       }); 
      } 
     }); 
     $(document).on('click', 'li', function(){ 
      $('#country').val($(this).text()); 
      $('#countryList').fadeOut(); 
     }); 
     $(document).on('click', 'body', function(){ 
      $('#countryList').fadeOut(); 
     }); 
}); 

Answer 1

您可以添加HTML格式的required參數做出所需要的字段。這樣，在未填寫此字段中的內容之前，您無法提交表單。

<input required 
    type="text" name="country" 
    id="country" class="form-control" 
    placeholder="Enter Country Name">