javascript - google chrome not submitting form (js errors?) - Stack Overflow

admin管理员组

文章数量:1345078

I can't get Google Chrome to submit my form. It's getting pretty ridiculous. It ends up focusing a random form field (but it's the same one every time) instead.

No issues with FF or IE...

Two of the errors Chrome gives me in developer tools are:

An invalid form control with name='state' is not focusable.
An invalid form control with name='unitName' is not focusable.

BUT, these aren't even the one field that chrome is deciding to focus on. I'm at a loss, any one had any experience like this??

I can't get Google Chrome to submit my form. It's getting pretty ridiculous. It ends up focusing a random form field (but it's the same one every time) instead.

No issues with FF or IE...

Two of the errors Chrome gives me in developer tools are:

An invalid form control with name='state' is not focusable.
An invalid form control with name='unitName' is not focusable.

BUT, these aren't even the one field that chrome is deciding to focus on. I'm at a loss, any one had any experience like this??

• javascript
• jquery
• forms
• google-chrome

Share Improve this question Follow edited May 24, 2011 at 1:49 Jonah 10.1k55 gold badges4949 silver badges7979 bronze badges asked May 24, 2011 at 1:39 ShackrockShackrock 4,7011010 gold badges5151 silver badges7575 bronze badges 5

• 2 are you able to show us some code? what do your forms and JS look like? – Alastair Pitts Commented May 24, 2011 at 1:42
• Well, it's an enormous form I'll be honest... but i have many similar forms to this, and they have no problems. – Shackrock Commented May 24, 2011 at 1:44
• 1 Is there any structural difference between your working forms and this non-working form? – Alastair Pitts Commented May 24, 2011 at 1:46
• 1 You probably have two form fields named state and unitName; can we see those? – Jimmy Sawczuk Commented May 24, 2011 at 1:48
• Want to add that the correct answer to this is: maxlength caused issues. I removed them all, and no more woes. I'm sure this may be a mon issue for those using jQuery to aid in populating fields w/ Chrome. – Shackrock Commented Nov 29, 2011 at 21:32

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 5

I had this exact problem with an input field marked "required" that was made invisible via javascript. Chrome could not display "please fill out this field" so it said An invalid form control with name='description' is not focusable in the console.

Without seeing the HTML, here's what a little Google'ing turned up:

• https://code.google./p/chromium/issues/detail?id=45831
• https://code.google./p/chromium/issues/detail?id=45640
• http://domoconnor./2010/08/05/browser-issue-an-invalid-form-control-with-name-__-is-not-focusable/

The root of the problem appears to be assigning a maxlength attribute to a form field that is automatically populated by the browser, with a value that is longer than the maxlength limit.

I just had a similar problem, and for me, the fix was adding type="button" into my <button> tag.

本文标签： javascriptgoogle chrome not submitting form (js errors)Stack Overflow