找出html表单是否已更改

const form = document.querySelector('form');

form.addEventListener('submit', (event) => {
  // 防止表单提交
  event.preventDefault();

  // 获取表单元素的新值
  const newValues = form.querySelectorAll('input, select, textarea').map((element) => {
    return element.value;
  });

  // 将新值与原始值进行比较
  const areNewValuesSameAsOriginalValues = (newValues, originalValues) => {
    for (const originalValue of originalValues) {
      if (!newValues.includes(originalValue)) {
        return false;
      }
    }
    return true;
  };

  // 判断表单是否已更改
  const changedValues = areNewValuesSameAsOriginalValues(newValues, originalValues);
  if (changedValues) {
    alert('表单已更改，请重新提交！');
  } else {
    alert('表单未更改，请提交！');
  }
});