$( "#target" ).submit(); not working

Question

For some reason I don't get why my form is not submitting using $( "#target" ).submit();.

<html>
<head>
<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js'></script>    
<script>
function saveItem()
{
    console.log($("#frm"));
    $("#frm").submit();
}
</script>
</head>
<body>
<form id="frm" action="form.php" method="post">
    <a href="javascript:;" title="Save" onclick="saveItem()">save</a>
    <button type="submit" id="submit">Save</button>        
</form>
</body>
</html>

Possible duplicate of [What does href expression do?](http://stackoverflow.com/questions/7755088/what-does-href-expression-a-href-javascript-a-do) — Mahi, Dec 05 '16 at 12:28
@Archer in one of answer it is written that link itself not to do anything, — Mahi, Dec 05 '16 at 12:30
`javascript:;` is same as `javascript:func();` with no function called — Mahi, Dec 05 '16 at 12:31
@Mahi But there's an inline event handler, so that simply makes the link do nothing and **then** the inline handler should be executed. — Reinstate Monica Cellio, Dec 05 '16 at 12:31
If I have console.log($("#frm")); in saveItem() function, it shows in Console. No error @NewToJS. — anjanesh, Dec 05 '16 at 12:33
Do you have any other fields in Form? Just a guess, but maybe it does not send as there isn't anything to send? — Volvox, Dec 05 '16 at 12:38
Or maybe it does send but there's nothing to see. Is this page form.php? — Reinstate Monica Cellio, Dec 05 '16 at 12:39
`id="submit"` overrides `submit()` DOM method of `form`. Use different id — A. Wolff, Dec 05 '16 at 12:41
Thanks @A.Wolff - this is the issue. I changed the id and it now works. — anjanesh, Dec 05 '16 at 12:44
Btw you've wired up the click handler to the link but not the button — Brian, Dec 05 '16 at 12:46
It looks suspiciously like a mistake - 2 elements next to each other with the same text - I would have expected that either both trigger the same handler or that the anchor is supposed to wrap the button. — Brian, Dec 05 '16 at 12:53

Mahi · Accepted Answer · 2016-12-05T12:59:12.377

3

id attribute cannot be submit in the form element try another name .

why we shouldn't set id as submit ?

because If a form control (such as a submit button) has a name or id of submit it will mask the form's submit method.

edited Dec 05 '16 at 12:59

answered Dec 05 '16 at 12:43

Mahi

1,707
11
22

It can but it shouldn't for any element nested inside a `form`. BTW, it is the same for `name` attribute. EDIT: i didn't downvoted it... – A. Wolff Dec 05 '16 at 12:45

score 0 · Answer 2 · answered Dec 05 '16 at 12:41

0

<form id="frm" action="form.php" method="post">
    <a href="#" title="Save" onclick="saveItem()">save</a>
</form>

Delete submit button if you want submit form by JS. And change element type,

<span>

for example.

answered Dec 05 '16 at 12:41

Artem Ilchenko

1,050
9
20

$( "#target" ).submit(); not working

2 Answers2