填写所有必填字段后启用保存按钮

Question

以下是在填写所有必填字段后启用保存按钮的代码。 但是，出于某种原因，它不适用于“观众”和“消息模板”。 即使未填写这 2 个字段，保存按钮也会启用。

 const saveCommunicationButton = document.getElementById("save-communication-button") const audience = document.getElementById("communicationdata_communication_audience") const messageTemplate = document.getElementById("communicationdata_message_template") const communicationName = document.getElementById("communicationdata_communication_name") const description = document.getElementById("communicationdata_communication_description") const campaignGroup = document.getElementById("communicationdata_campaign_group") const campaignCategory = document.getElementById("communicationdata_campaign_category") const campaignType = document.getElementById("communicationdata_campaign_type") const campaignFrequency = document.getElementById("communicationdata_campaign_frequency") const campaignDescription = document.getElementById("communicationdata_campaign_description") // this is to check if the input for all 3 is valid. if so, enable saveCampaignButton. const checkEnableButton = () => { saveCommunicationButton.disabled =.( audience.value && messageTemplate.value && communicationName.value && description.value && campaignGroup.value && campaignCategory.value && campaignType.value && campaignFrequency.value && campaignDescription.value,== "" ) } audience.addEventListener("change", checkEnableButton) messageTemplate.addEventListener("change", checkEnableButton) communicationName.addEventListener("change", checkEnableButton) description.addEventListener("change", checkEnableButton) campaignGroup.addEventListener("change", checkEnableButton) campaignCategory.addEventListener("change", checkEnableButton) campaignType.addEventListener("change", checkEnableButton) campaignFrequency.addEventListener("change", checkEnableButton) campaignDescription.addEventListener("change", checkEnableButton)

Answer 1

这不是如何测试不不等于

audience.value &&
messageTemplate.value &&
communicationName.value &&
description.value &&
campaignGroup.value &&
campaignCategory.value &&
campaignType.value &&
campaignFrequency.value &&
campaignDescription.value !== ""

为什么不在每个字段都加上required ，那么表单就无法提交

或者使用 ID 数组

const disable = ["save-communication-button", "communicationdata_communication_audience", "communicationdata_message_template", "communicationdata_communication_name", "communicationdata_communication_description", "communicationdata_campaign_group", "communicationdata_campaign_category", "communicationdata_campaign_type", "communicationdata_campaign_frequency", "communicationdata_campaign_description"]
  .some(id => document.getElementById(id).value.trim() === "")