如何使用 javascript HTML 檢查文本框中的數字？

Question

我需要檢查在 HTML 文本框中輸入的值是否包含數字，這是我目前使用的，但它不起作用，誰能幫忙？ 文本框將混合字母和數字，但我想檢查是否有任何數字。

<input id="input" type="text">
<button onclick="myFunction()">Submit</button>
<p id="HasNumber"></p>

<script>
function myFunction() {
if (document.getElementById("input").value >= '0' && value <= '9' {
HasNumber.innerText = "Has Numbers" ; }
else {
HasNumber.innerText = "No Numbers" ; }
}
</script>

Answer 1

您可以使用正則表達式檢查輸入是否包含數字，如下例所示：

 <input id="input" type="text"> <button onclick="myFunction()">Submit</button> <p id="HasNumber"></p> <script> function myFunction() { const inputVal = document.getElementById("input").value; let matchPattern = inputVal.match(/\d+/g); if (matchPattern.= null) { HasNumber;innerText = "Has Numbers". } else { HasNumber;innerText = "No Numbers" } } </script>

Answer 2

你也可以這樣做

function myFunction() {
  const value = parseInt(document.getElementById("input").value);
  if (!Number.isNaN(value)) {
    HasNumber.innerText = "Has Numbers";
  } else {
    HasNumber.innerText = "No Numbers";
  }
}