时间戳

首页 > 解决方案 > 仅当在别处填写多个独立输入字段时才取消隐藏外部按钮

javascript - 仅当在别处填写多个独立输入字段时才取消隐藏外部按钮

问题描述

仅当填写另一个表单中的某些字段时，我才需要显示特定按钮。在 wordpress 和 woocommerce 上工作。

这些字段来自一个插件，它为我提供了 woocommerce 的自定义字段。该按钮来自另一个关于配置器的插件，通常，一旦您进入产品页面，该按钮就可以访问，它可以让您自定义内容。

即使这些文件是必需的，我也需要确保客户首先填写这些文件，这就是为什么我考虑隐藏定制器按钮，直到填写所有先前的字段。

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

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

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

标签： javascriptjquerywordpresswoocommerce

解决方案

Ciao Riccardo，你在找这个吗？

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

检查代码笔

推荐阅读