An invalid form control is not focusable

Asked Jun 05 '13 at 20:29

Active Jun 05 '13 at 20:29

Viewed 1,305 times

I have custom checkboxes (show images for states checked and unchecked). but when i submit a form i get the following error n invalid form control with name='X' is not focusable.

I can understand the reason. but How i can have a foucusable transparent checkbox?

input[type="checkbox"] {
  outline: none !important;
  display: none;
}

Browser: Chromium 25.0.1364.160
Framwrok : Flat-UI

asked Jun 05 '13 at 20:29

rkmax

17,633
23
91
176

http://domoconnor.com/2010/08/05/browser-issue-an-invalid-form-control-with-name-____-is-not-focusable/ – Pevara Jun 05 '13 at 20:32
What browser? What framework? Getting the error where exactly? – Oded Jun 05 '13 at 20:32
@Oded look the update – rkmax Jun 05 '13 at 20:34
http://stackoverflow.com/questions/7168645/invalid-form-control-only-in-google-chrome – Pevara Jun 05 '13 at 20:35
1

@PeterVR i dont want remove the `required` attr – rkmax Jun 05 '13 at 20:39
Do your own validation with javascript (on submit of the form) and display an error message on your 'custom' checkbox if the field is not checked... – Pevara Jun 05 '13 at 20:43
1

i'm using the built-it HTML5 validation – rkmax Jun 05 '13 at 20:45
Still persists in 28.. – Max Jul 29 '13 at 08:08
maybe this post helps you "Easy CSS3 Checkboxes and Radio Buttons" http://webdesign.tutsplus.com/tutorials/htmlcss-tutorials/quick-tip-easy-css3-checkboxes-and-radio-buttons/ – dsuess Aug 21 '13 at 17:06
@dsuess the problem is when you uses the property `display: none` that tutorial make uses that – rkmax Aug 21 '13 at 17:17

An invalid form control is not focusable

0 Answers0