Question

我有一个html表单，其中存在select字段和input框，我正在使用2个类work_phone_class和work_phone_class_input。

我通过trigger调用ajax，当select字段值更改时选择了一个类，或选择了任何选项 AND ，当用户在{上完成输入时再次调用ajax {1}}框。所以我使用以下jQuery代码：

input

现在，当$(".work_phone_class").change(function() { $(".save_phone_class").trigger('click'); }); $(".work_phone_class_input").change(function() { $(".save_phone_class").trigger('click'); });字段值被选中并且用户在trigger框中输入完成时，我想要select类的保存按钮。

更新：

Html表单看起来像这样。我想我必须使用input但不确定。

$(this)

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
  }
});

＆＃13;

$(".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");
});

＆＃13;

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

＆＃13;

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
    })



    });

请通过将其标记为答案来告诉我它是否有帮助

如何检查如果选择并使用jQuery填充选择和输入字段？

2 个答案: