Reputation: 14287

Form Submit not Working in Chrome?

I find a strange behavior in Chrome.
I have Form to Edit a Record Details.

When user clicks on Edit in a list of Records Grid. my Page loads a Form with all the details of the record loaded in the form. here comes the interesting problem. If i don't edit any fields in the form and just clicks submit button. Everything works fine.

But if I Edit any input field and then click submit.

Then chrome is not submitting the form.

It works absolutely fine in IE

I tried changing my Submit Button

<input type="submit" value="Continue" name="submit" class="standard button" id="ContinueButton" onclick="isValidDate()">

<input type="submit" value="Continue" name="submit" class="standard button" >

But No Use

Further Observation.

I notice. i have different text area, text box, date filed. I can change any filed and submit the form with no problem. But if i change the quantity field and Submit then it wont work.

Upvotes: 7

Answers (8)

tree

Reputation: 740

I had this issue and it was because the form tags were inside the table, instead of outside. I'm not sure why does this matters in this instance as I use this same code elsewhere, but when I modified it, it worked.

Upvotes: 1

user3023271

Reputation: 1

Not sure this relates to the originally stated issue, but it may be relevant to those who experience an asymmetrical reaction to submit button response between Chrome and IE.

IE, in some cases, is more forgiving than Chrome. I found this discussion while research a similar 'in appearance' issue.

On my form, the problem was the most common one, located about 18" from the monitor. Somehow in my coding I had given the div that contained the form container id='contact' and the form had name='contact'. The submit button worked in IE as anticipated, with that arrangement using form='contact' within the submit button. However Chrome ignored the button clicks with no clues as to why within the console.

After an embarrassingly long time spent trying various alternatives - creating onclick events in the submit button, etc, I accidentally stumbled upon the real issue. (form id seems to be authoritative handle for Chrome while IE appears to accept the name value?)

Putting this in here in case someone else stumbles into this scenario.

I have seen this effect one other time - IE is also more forgiving of mismatched braces, whereas Chrome did not play - ignored code that referenced the document.

Upvotes: 0

Shahriar

Reputation: 303

I am calling a javascript method on the submit button onClick method. And I'm submitting the form from there. My problem was resolved when I changed the type of the input from submit, to button.

Upvotes: 0

Naga

Reputation: 2555

I have come across the same issue this morning. I checked in the chrome console no errors reported. Just clearing the browser cache has fixed this issue.

Upvotes: 3

Jon B

Reputation: 507

i see that this is an old thread, but i just experienced the same exact problem with chrome not liking my submit button. turns out that chrome was dying because i had an input named size. i found this by looking at the chrome console. i'd suggest to look at your chrome console and see if there is a form element that may be causing the issue aside of javascript.

hope this helps!

Upvotes: 0