Javascript 如何通过验证形成提交-显示模式弹出窗口

我创建了两个下拉字段，当所有字段都填满时，我创建了“提交”按钮将启用，之后，我单击“提交”弹出窗口将打开。。。这是我想要的实际输出

但是现在，它不起作用了。。你能帮我吗？我希望我的问题可以理解

jQuery（“#accMergebtn”）.prop（'disabled'，true）；
var toValidate=“#frm#U acc，#to#U acc，#accloading”；
有效=错误；
$（toValidate）.change（函数（）{
if（jQuery（this.val（）.length>0）{
jQuery（this）.data（'valid'，true）；
}否则{
jQuery（this）.data（'valid'，false）；
}
$（toValidate）.each（函数（）{
if（jQuery（this）.data（'valid'）==true）{
有效=真；
$（“#accMergebtn”）。单击（函数（）{//单击函数以显示弹出窗口
$（'#accloading'）.modal（'show'）；
});
}否则{
有效=错误；
}
});
如果（有效===true）{
jQuery（“#accMergebtn”）.prop（'disabled'，false）；
}否则{
jQuery（“#accMergebtn”）.prop（'disabled'，true）；
}
});

发件人：*
选择一个项目
普卢姆兹
Plumz2
Plumz3
Plumz4
Plumz5
到*
选择一个项目
普卢姆兹
Plumz2
Plumz3
Plumz4
Plumz5
提交
重置
您可以检查这两个下拉列表是否都有某个值用于禁用false。。。
将脚本更改为此

jQuery("#accMergebtn").prop('disabled', true);

var toValidate = "#frm_acc,#to_acc,#accloading";
valid = false;
$(toValidate).change(function() {
  if (jQuery(this).val().length > 0) {
    jQuery(this).data('valid', true);
  } else {
    jQuery(this).data('valid', false);
  }
  $(toValidate).each(function() {
    if (jQuery(this).data('valid') == true) {
      valid = true;
      $("#accMergebtn").click(function() { // click function to show popup
        $('#accloading').modal('show');
      });
    } else {
      valid = false;
    }

    if($('#frm_acc').val() && $('#to_acc').val()){
        jQuery("#accMergebtn").prop('disabled', false);
    } else{
        jQuery("#accMergebtn").prop('disabled', true);
    }

});

});

这会有用的

为弹出问题添加此选项

$('#contactForm').on('submit', function(){
    $('#accloading').modal('show');
});

长官，但是模式弹出窗口不工作。这就是问题所在，先生。。