কম্পিউটার টিউটোরিয়াল

HTML5 checkValidity() মেথড

HTML5 checkValidity() মেথড Google Chrome এবং Opera-তে কাজ করে। নিচের কোডটিও কাজ করে:

<!DOCTYPE html>
<html>
  <body>
    <style>
      .valid { color: #0B7866; }
      .invalid { color: #0B6877; }
    </style>
    <div id="result"></div>
    <script>
      function check(input) {
        var out = document.getElementById('result');
        if (input.validity) {
          if (input.validity.valid === true) {
            out.innerHTML = "<span class='valid'>" + input.id + " valid</span>";
          } else {
            out.innerHTML = "<span class='invalid'>" + input.id + " not valid</span>";
          }
        }
        console.log(input.checkValidity());
      };
    </script>
    <form id="testform" onsubmit="return false;">
      <label>Minimum: <input oninput="check(this)" id="min_input" type="number" min="4" /></label><br>
    </form>
  </body>
</html>
  1. HTML DOM Input Week stepDown() মেথড

  2. HTML DOM Input Week stepUp() মেথড

  3. HTML DOM Input Range stepUp() মেথড

  4. HTML DOM Input Range stepDown() মেথড