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

HTML5のcheckValidity（）メソッドをまだサポートしているブラウザはありますか？

はい、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. HTML5 History APIをサポートしているブラウザはどれですか？

    WebKitベースのブラウザとFirefox4は、主にHTML5HistoryAPIをサポートしています。ただし、現在、ほとんどすべての最新のブラウザがこれをサポートしています。 Firefox 4+ Google Chrome InternetExplorer10以降 Safari 5+ iOS 4

  2. HTML5でWebブラウザのサポートを確認する方法

    次のコードを実行して、Webブラウザーで使用可能なWebワーカー機能を検出できます。 <!DOCTYPE HTML> <html>    <head>       <title>Big for loop</title>       <script src = "/js/modernizr-1.5.min.js"></script>       <script>