If an input field contains invalid data, display a message in Javascript

SUBMITTED BY: inzi

DATE: March 30, 2017, 4:49 p.m.

FORMAT: JavaScript

SIZE: 431 Bytes

Raw Download

HITS: 580

Report
  1. If an input field contains invalid data, display a message in Javascript
  3. <input id="id1" type="number" min="100" max="300" required>
  4. <button onclick="myFunction()">OK</button>
  6. <p id="demo"></p>
  8. <script>
  9. function myFunction() {
  10. var inpObj = document.getElementById("id1");
  11. if (inpObj.checkValidity() == false) {
  12. document.getElementById("demo").innerHTML = inpObj.validationMessage;
  13. }
  14. }
  15. </script>
comments powered by Disqus