填寫所有必填字段后啟用保存按鈕

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() === "")