如何在输入和提交内容时停止输入表单以更改背景颜色和文本颜色？

<form>
  <input type="text" id="inputField">
  <input type="submit" value="提交">
</form>

const inputField = document.getElementById('inputField');

inputField.addEventListener('input', function() {
  // 获取输入框中的文本
  const inputValue = inputField.value;
  
  // 修改背景颜色和文本颜色
  if (inputValue.length > 0) {
    inputField.style.backgroundColor = 'yellow';
    inputField.style.color = 'red';
  } else {
    inputField.style.backgroundColor = '';
    inputField.style.color = '';
  }
});