Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

HTM5 checkValidity()メソッド


HTML5 checkValidity()は、GoogleChromeと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入力範囲stepUp()メソッド

    HTML DOM入力範囲stepUp()メソッドは、スライダーコントロール値を指定された数だけインクリメントするために使用されます。空白のままにすると、1ずつインクリメントされます。step属性が指定されている場合、stepUp()メソッドはその倍数でインクリメントします。例:step =” 20”の場合、stepUp(2)は20 * 2=40ずつ増加します 構文 Range stepUp()メソッドの構文は次のとおりです- rangeObject.stepUp(number) ここで、numberは、スライダーコントロールの増分値を指定するための必須パラメーターです。空白のままにすると、

  2. HTML DOM入力範囲stepDown()メソッド

    HTML DOM入力範囲stepDown()メソッドは、スライダーコントロール値を指定された数だけデクリメントするために使用されます。空白のままにすると、1ずつデクリメントされます。step属性が指定されている場合、stepdown()メソッドはその倍数でデクリメントします。例:step =” 20”の場合、stepDown(2)は20 * 2=40だけデクリメントします 構文 Range stepDown()メソッドの構文は次のとおりです- rangeObject.stepDown(number) ここで、numberは、スライダーコントロールのデクリメント値を指定するための必須パラメー