Validate input data: - Javascript Language Basics

Javascript examples for Language Basics:HTML

  1. HOME
  2. Javascript
  3. Language Basics
  4. HTML

Description

Validate input data:

Demo Code

ResultView the demo in separate window 

<!DOCTYPE html>
<html>
<body>

<p>Please input a number between 1 and 10:</p>

<input id="numb" type="text">

<button type="button" onclick="myFunction()">Submit</button>

<p id="demo"></p>

<script>
function myFunction() {// w w  w.j a va  2  s  .c  om
    var x, text;

    x = document.getElementById("numb").value;

    if (isNaN(x) || x < 1 || x > 10) {
        text = "Input not valid";
    } else {
        text = "Input OK";
    }
    document.getElementById("demo").innerHTML = text;
}
</script>

</body>
</html>

Related Tutorials