input-customerror.html

Enable keyboard shortcuts

<!DOCTYPE html>

<html class="reftest-wait">

  <head>

    <script>

      function doTest() {

        document.getElementById('t').setCustomValidity('foo');

        document.documentElement.className='';

      document.addEventListener("MozReftestInvalidate", doTest);

    </script>

  </head>

  <!-- Test: if input has a custom error, it should not be affected by :valid

             pseudo-class. -->

  <link rel='stylesheet' type='text/css' href='style.css'>

  <body>

    <input class='notvalid' id='t'>

  </body>

</html>