mayeenulislam · July 31, 2022 04:57
diff --git a/find-hidden-fields-blocking-foms.html b/find-hidden-fields-blocking-foms.html
 <html>
  <body>
    <form id="my-form-id-here">
      <input type="text" style="display: none"><br/>
      <input type="text">
      <button type="submit">Submit</button>
    </form>
  
    <script>
      var targetForm = document.getElementById('my-form-id-here');
      if (targetForm.checkValidity() == false) {
          var list = targetForm.querySelectorAll(':invalid');
          for (var item of list) {
              console.log(item); // Show the fields in console (good for invisible fields)
              item.setAttribute("style", "background-color: red;"); // Highlight them in red if visible.
          }
      }
    </script>
  </body>
 </html>
	<html>
	<body>
	<form id="my-form-id-here">
	<input type="text" style="display: none"><br/>
	<input type="text">
	<button type="submit">Submit</button>
	</form>

	<script>
	var targetForm = document.getElementById('my-form-id-here');
	if (targetForm.checkValidity() == false) {
	var list = targetForm.querySelectorAll(':invalid');
	for (var item of list) {
	console.log(item); // Show the fields in console (good for invisible fields)
	item.setAttribute("style", "background-color: red;"); // Highlight them in red if visible.
	}
	}
	</script>
	</body>
	</html>