基于输入值禁用按钮不适用于两种形式

Question

首先：我正在使用WebFlow，因此问题可能与WebFlow有关。

第二，我仍在学习编码，所以请记住我仍然是我仍然一个新手。

我在一个站点上使用了两种相同的形式（因为它们是两个独立的元素），因为一个是静态的，另一个是CMS中的（集合列表）。

问题是，他们以前确实一起工作，但是我做了一些事情，而且……好吧，您知道 - 我试图揭穿发生的事情，但没有找到适当的解决方案。

出于某些非常奇怪的原因，例如，如果后者有效，例如，如果乔布斯（Jobs-form-cms-button）是第一个，那么它就不起作用，而是工作形式的按钮。反之亦然。

function checkform() {
    const formElements = document.forms["wf-form-jobs"].elements;
    let submitBtnActive = true;

    for (let inputEl = 0; inputEl < formElements.length; inputEl++) {
        if (formElements[inputEl].value.length == 0) submitBtnActive = false;
    }

    if (submitBtnActive) {
        document.getElementById("jobs-form-button").disabled = false;
    } else {
        document.getElementById("jobs-form-button").disabled = "disabled";
    }
};

function checkform() {
    const formElementsCMS = document.forms["wf-form-cms-jobs"].elements;
    let submitBtnActiveCMS = true;

    for (let inputEl = 0; inputEl < formElementsCMS.length; inputEl++) {
        if (formElementsCMS[inputEl].value.length == 0) submitBtnActiveCMS = false;
    }

    if (submitBtnActiveCMS) {
        document.getElementById("jobs-form-cms-button").disabled = false;
    } else {
        document.getElementById("jobs-form-cms-button").disabled = "disabled";
    }
};

我重命名了一些var和const，因为它没有其他工作。另外，我做了一些事情以使该代码与WebFlow一起使用，因为我无法在本机WebFlow元素中添加一些属性，例如，“ form button”（“禁用”属性是为系统保留的） - ＆nbsp;我通过自定义代码元素自己添加表单。

Answer 1

这两个函数都具有完全相同的名称，在JavaScript中，当两个函数具有相同名称时，第二个功能将覆盖第一个函数。