“Invalid form control” only in Google Chrome

by

Chrome wants to focus on a control that is required but still empty so that it can pop up the message ‘Please fill out this field’. However, if the control is hidden at the point that Chrome wants to pop up the message, that is at the time of form submission, Chrome can’t focus on the control because it is hidden, therefore the form won’t submit.

So, to get around the problem, when a control is hidden by javascript, we also must remove the ‘required’ attribute from that control.

More Related Contents:

  1. Disabling Chrome Autofill
  2. Chrome ignores autocomplete=”off”
  3. How to save CSS changes of Styles panel of Chrome Developer Tools?
  4. Favicon not showing up in Google Chrome [duplicate]
  5. How do I use Google Chrome 11’s Upload Folder feature in my own code?
  6. HTML 5 Geo Location Prompt in Chrome
  7. How do I uninstall a Service Worker?
  8. Another: Force Chrome to fully buffer mp4 video
  9. Chrome Download Attribute not working
  10. Disable native datepicker in Google Chrome
  11. How to disable Google translate from HTML in Chrome
  12. Using base tag on a page that contains SVG marker elements fails to render marker
  13. How to add google chrome omnibox-search support for your site?
  14. Chrome rendering issue. Fixed position anchor with UL in body
  15. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  16. HTML Favicon.ico won’t show on Google Chrome
  17. Prevent “overscrolling” of web page
  18. Disable form autofill in Chrome without disabling autocomplete [duplicate]
  19. HTML5 video element request stay pending forever (on chrome)
  20. Why does Chrome incorrectly determine page is in a different language and offer to translate?
  21. Anchor tags not working in chrome when using #
  22. Prevent scroll-bar from adding-up to the Width of page on Chrome
  23. How can you hide the arrow that is displayed by default on the HTML5 element in Chrome?
  24. Different implementation of Flexbox in Firefox and Chrome
  25. chrome/safari display border around image
  26. html5 video issue with chrome
  27. 100vh height when address bar is shown – Chrome Mobile
  28. Disable Chrome translation bar on my website
  29. Open local files(file://) using Chrome
  30. How to display alt text for an image in chrome

Leave a Comment