Computer >> कंप्यूटर ट्यूटोरियल >  >> प्रोग्रामिंग >> JavaScript

क्या कोई ब्राउज़र अभी तक HTML5 की checkValidity() पद्धति का समर्थन करता है?


हां, checkValidity() गूगल क्रोम और ओपेरा में भी काम करता है। यह भी काम करता है -

उदाहरण

<!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 ऑडियो MP3 सपोर्ट का पता कैसे लगाएं HTML5 ऑडियो MP3 सपोर्ट का पता कैसे लगाएं

    HTML5 ऑडियो MP3 समर्थन का पता लगाने के लिए, Modernizr लाइब्रेरी का उपयोग करें। जैसा कि आधिकारिक विनिर्देश में बताया गया है - स्रोत - आधिकारिक मॉडर्निज़्र दस्तावेज़ीकरण से स्क्रीनशॉट HTML5 ऑडियो MP3 समर्थन का पता लगाने के लिए, आप उपयोगकर्ता-एजेंट की जांच करके पता लगा सकते हैं कि किस ब्राउज़र

  1. कौन से ब्राउज़र HTML5 इतिहास API का समर्थन करते हैं? कौन से ब्राउज़र HTML5 इतिहास API का समर्थन करते हैं?

    वेबकिट-आधारित ब्राउज़र और फ़ायरफ़ॉक्स 4 मुख्य रूप से HTML5 इतिहास API का समर्थन करते हैं। हालांकि, अब लगभग हर आधुनिक ब्राउज़र इसका समर्थन करता है। फ़ायरफ़ॉक्स 4+ गूगल क्रोम इंटरनेट एक्सप्लोरर 10+ सफारी 5+ आईओएस 4

  1. HTML5 में वेब ब्राउज़र सपोर्ट कैसे चेक करें HTML5 में वेब ब्राउज़र सपोर्ट कैसे चेक करें

    वेब ब्राउज़र में उपलब्ध वेब वर्कर सुविधा का पता लगाने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE HTML> <html>    <head>       <title>Big for loop</title>       <script src = "/js/modernizr-1.5.min.js"&