我无法禁用联系人表单上的提交按钮

<form id="contactForm">
  <!-- 表单字段 -->
  <input type="text" name="name" placeholder="姓名" required>
  <input type="email" name="email" placeholder="邮箱" required>
  <textarea name="message" placeholder="留言" required></textarea>
  
  <!-- 提交按钮 -->
  <input type="submit" value="提交" id="submitButton">
</form>

// 获取表单元素和提交按钮
var contactForm = document.getElementById("contactForm");
var submitButton = document.getElementById("submitButton");

// 监听表单提交事件
contactForm.addEventListener("submit", function(event) {
  // 阻止表单默认提交行为
  event.preventDefault();
  
  // 在此处添加其他表单验证逻辑
  
  // 禁用提交按钮
  submitButton.disabled = true;
  
  // 在此处可以添加异步提交表单的代码
});

#submitButton[disabled] {
  background-color: gray;
  cursor: not-allowed;
}