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