如何使输入框检测字母并给出“仅限数字”的警告

<input type="text" id="inputField">
<span id="warningMessage"></span>

// 获取输入框和警告信息的元素
var inputField = document.getElementById("inputField");
var warningMessage = document.getElementById("warningMessage");

// 监听输入框的变化
inputField.addEventListener("input", function() {
  // 获取输入框的值
  var inputValue = inputField.value;

  // 使用正则表达式检测输入内容是否包含字母
  var letterPattern = /[a-zA-Z]/;
  var containsLetter = letterPattern.test(inputValue);

  // 根据检测结果显示或隐藏警告信息
  if (containsLetter) {
    warningMessage.textContent = "仅限数字";
  } else {
    warningMessage.textContent = "";
  }
});