如何在keypress验证后在HTML页面显示结果？

<input type="text" id="inputField" onkeypress="showResult(event)">
<div id="result"></div>

function showResult(event) {
  // 获取用户输入的值
  var inputValue = event.target.value;

  // 进行验证逻辑，这里只是简单示例
  if (inputValue === "valid") {
    document.getElementById("result").innerHTML = "验证通过";
  } else {
    document.getElementById("result").innerHTML = "验证失败";
  }
}