如何檢查是否同時使用jQuery選擇和填寫了select和input字段？

Question

我有一個HTML表單，其中存在一個select字段和input框，並且我正在使用2類，即work_phone_class和work_phone_class_input 。

我打電話阿賈克斯trigger時，保存按鈕與一類select字段值被改變，或者任何選項進行選擇，並再次呼吁AJAX當用戶完成輸入input框。 所以我正在使用以下jQuery代碼：

$(".work_phone_class").change(function() {            
    $(".save_phone_class").trigger('click');
});

$(".work_phone_class_input").change(function() {            
    $(".save_phone_class").trigger('click');
});

現在， 當select字段值並且用戶在input框上完成鍵入時，我想使用該類trigger保存按鈕。

更新：

HTML格式是這樣的。 我想我必須使用$(this)但不確定。

<select class="work_phone_class">
    <option value=""></option>
    <option value="1"></option>
</select>
<input type="text" class="work_phone_class_input">
<select class="work_phone_class">
    <option value=""></option>
    <option value="1"></option>
</select>
<input type="text" class="work_phone_class_input">
<select class="work_phone_class">
    <option value=""></option>
    <option value="1"></option>
</select>
<input type="text" class="work_phone_class_input">

Answer 1

您只需要在添加ajax之前添加測試即可。

更新

$(".save_phone_class").click(function(){
  var allFilled = true;
  $(".work_phone_class").each(function(){
      if($(this).val()=="")
         allFilled =false;
   });
  $(".work_phone_class_input").each(function(){
      if($(this).val()=="")
         allFilled =false;
   });
  if(allFilled)
  {
      //AJAX
  }
});

 $(".work_phone_class_save").click(function(){ var allFilled=true; $(".work_phone_class_input").each(function(){ if($(this).val()=="") allFilled=false; }); $(".work_phone_class").each(function(){ if($(this).val()=="") allFilled=false; }); if(allFilled) { alert("Ajax sent"); } else alert("All input are not filled"); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <select class="work_phone_class"> <option value=""></option> <option value="1">1</option> </select> <input type="text" class="work_phone_class_input"> <select class="work_phone_class"> <option value=""></option> <option value="1">1</option> </select> <input type="text" class="work_phone_class_input"> <select class="work_phone_class"> <option value=""></option> <option value="1">1</option> </select> <input type="text" class="work_phone_class_input"> <button class="work_phone_class_save">Save</button> 

Answer 2

我對您的要求不太清楚...。但是我認為這對您有幫助

$(".work_phone_class,.work_phone_class_input").change(function() {     

$(".work_phone_class_input").each(function(){ 
if($(this).val() == ""){
//// Validation goes here for input
return false;
}
})
$(".work_phone_class").each(function(){ 
if($(this).val() == undefined){
//// Validation goes here for input
return false;
}

//// trigger your save button click here
    })



    });

請通過將其標記為答案讓我知道是否有幫助