How to check for a number in a textbox using javascript HTML?

Question

I need to check if the value input in a HTML textbox contains a number, this is what I'm using so far, but it's not working, can anyone help? The text box would be a mix of letters and numbers, but I want to check if there are any numbers at all.

<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>

If my answer is work for you Please accept my answer.

Abdul Basit
– Abdul Basit

2022-07-27 08:43:50 +00:00
Commented Jul 27, 2022 at 8:43 — Abdul Basit
– Abdul Basit, Commented Jul 27, 2022 at 8:43

Abdul Basit · Accepted Answer · 2022-07-27 08:29:03Z

3

You can check if input contain number by using Regex like Below Example:

<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>

answered Jul 27, 2022 at 8:29

Abdul Basit

4503 silver badges14 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to check for a number in a textbox using javascript HTML?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related