檢查下拉菜單和輸入值在搜索提交

Question

我知道這個問題之前已經在其他線程中提出過，但是我在執行我找到的針對特定情況的解決方案時遇到了問題。如果在單擊搜索按鈕時沒有填寫兩個搜索字段，我想在JQuery中提示警報。我的嘗試不起作用，但我不確定它是語法問題還是實現問題。任何和所有的幫助表示讚賞！謝謝。

這裏是一個的jsfiddle： https://jsfiddle.net/o2gxgz9r/6050/

$('#searchsubmit').on('click', function() { 
    $('#facetwp-location').change(function() { 
     if($(this).val() == '') { 
      alert('Please enter a location'); 
     } 
     }); 
    if ($(".facetwp-dropdown").val() === "") { 
      alert('Please choose a category'); 
      } 

Answer 1

的代碼縮進是你最好的朋友！

$(document).ready(function() { 

    $('#searchsubmit').on('click', function() { 
     $('#facetwp-location').change(function() { 
      if($(this).val() == '') { 
       alert('Please enter a location'); 
      } 
     }); 
     if ($(".facetwp-dropdown").val() === "") { 
      alert('Please choose a category'); 
     } 
    }); // <-- Here is the problem, you don't close the on click event. 
}); 

Edited JSFiddle here.