如何检查是否同时使用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
    })



    });

请通过将其标记为答案让我知道是否有帮助