JavaScript not working with Form Submit button

Question

I have this on my PHP page:

<script>
window.setTimeout(function() {
    document.getElementById('test_form').submit();
}, 5000);
</script>

And it's working fine.

But when I'm placing this:

<input type="submit" name="submit" id="submit">Submit</input>

the JavaScript timer is not working. When I remove this, JavaScript works all fine. What's the problem and how it will be resolved?

Give the element a different `name` (and maybe `id` as well). — Felix Kling, Jul 07 '13 at 18:48
Also, [learn how to **debug** JavaScript code](http://www.netmagazine.com/tutorials/javascript-debugging-beginners). — Felix Kling, Jul 07 '13 at 18:49

IT ppl · Answer 1 · 2013-07-08T02:29:42.683

1

try changing name of your submit button like,

<input type="submit" name="submit_btn" id="submit_btn">Submit</input>

Because when you name your button submit, you override the submit() function on the form.

edited Jul 08 '13 at 02:29

answered Jul 07 '13 at 18:52

IT ppl

4

`type="submit_btn"` should still be `type="submit"` though ;) – Felix Kling Jul 07 '13 at 19:03
I believe it's ID attribute, not name, that overrides form properties – dev-null-dweller Jul 07 '13 at 19:12
I changed ID and name and it worked. Thanks a lot!!! – user2553342 Jul 07 '13 at 19:46

1 Answers1