只有当多个独立的输入字段在其他地方被填充时，才取消隐藏外部按钮

Question

我需要显示一个特定的按钮，只有当某些字段在另一个表单填充。在wordpress和woocommerce工作

这些字段来自一个插件，给我自定义字段woocommerce。这个按钮来自另一个关于配置器的插件，通常当你进入产品页面时，这个按钮就可以访问，它可以让你自定义东西。

尽管这些字段是必需的，但我需要确保客户首先填写这些字段，这就是为什么我考虑隐藏customizer按钮，直到所有先前的字段都填满。

经过多次尝试，我终于找到了一个解决方案，但不幸的是，不是那么可扩展

jQuery(document).ready(function($){
var checkExist = setInterval(function() {
if (
($('.collo input[required]').val() != '') &&
($('.spalle input[required]').val() != '') &&
($('.manica input[required]').val() != '') &&
($('.torace input[required]').val() != '') &&
($('.vita input[required]').val() != '') &&
($('.bacino input[required]').val() != '') &&
($('.braccio input[required]').val() != '') &&
($('.avambraccio input[required]').val() != '') &&
($('.polso input[required]').val() != '') &&
($('.camicia input[required]').val() != '')) {
$(".configure-product").show();
clearInterval(checkExist);
}
else {
$(".configure-product").hide(); 
}
}, 400);
});

是否有可能使其更具可扩展性?

Answer 1

再见，你在找这个吗?

jQuery(document).ready(function($){
$(".wapf-wrapper").on("keyup", function() {
var filled = true;
$(".wapf-wrapper").each(function(){
if($(this).val() == '') {
filled = false
}
});
$(".configure-product").toggle(filled);
});
});

check on codepen