JavaScript Validation API with DOM

Submitted by firegle on Monday, December 11, 2017 - 17:09.

Language

<!DOCTYPE html>
<html>
 
<body>
 
    <p>Enter a number and click Here Button:</p>
 
    <input id="1" type="number" min="5" max="10" required>
    <button onclick="myFunction()">OK</button>
 
    <p>If the number is less than 5 or greater than 10, an error message will be displayed.</p>
 
    <p id="test"></p>
 
    <script>
        function myFunction() {
            var inpObj = document.getElementById("1");
            if (!inpObj.checkValidity()) {
                document.getElementById("test").innerHTML = inpObj.validationMessage;
            } else {
                document.getElementById("test").innerHTML = "OK";
            }
        }
    </script>
 
</body>
 
</html>

Note: Due to the size or complexity of this submission, the author has submitted it as a .zip file to shorten your download time. After downloading it, you will need a program like Winzip to decompress it.

Virus note: All files are scanned once-a-day by SourceCodester.com for viruses, but new viruses come out every day, so no prevention program can catch 100% of them.

FOR YOUR OWN SAFETY, PLEASE:

1. Re-scan downloaded files using your personal virus checker before using it.
2. NEVER, EVER run compiled files (.exe's, .ocx's, .dll's etc.)--only run source code.

Add new comment

55 views