JavaScript Can Validate Data Sample code
<!DOCTYPE html>
<html>
<body>
<h1>JavaScript Validate Input</h1>
<p>Please input a number between 1 and 10:</p>
<input id="numb" type="number">
<button type="button" onclick="myFunction()">Submit</button>
<p id="demo"></p>
<script>
function myFunction() {
var x, text;
// Get the value of the input field with id="numb"
x = document.getElementById("numb").value;
// If x is Not a Number or less than one or greater than 10
if (isNaN(x) || x < 1 || x > 10) {
text = "Input not valid.";
} else {
text = "Input OK.";
}
document.getElementById("demo").innerHTML = text;
}
</script>
</body>
</html>
Result :
JavaScript Validate Input
Please input a number between 1 and 10:
Input OK.
JavaScript Validate Input
Please input a number between 1 and 10:
Input not valid.
0 comments:
Post a Comment
Thanks For Coming The Page.