How can one submit a form without using submit button

Question

I am new to JavaScript & php.

How can one submit a form without using submit button?

if possible without using anchor tag.

Please guide me how to achieve this task.

Google for "submit form using javascript" – Bimalesh Jha Feb 12 '13 at 06:31 — Bimalesh Jha, Feb 12 '13 at 06:31
you should of said with the submit() method – Lawrence Cherone Feb 12 '13 at 06:32 — Lawrence Cherone, Feb 12 '13 at 06:32

score 17 · Accepted Answer · edited Feb 12 '13 at 06:33

17

just use following code

<form id="jsform" action="whatever you want">
// input fields
</form>

<script type="text/javascript">
  document.getElementById('jsform').submit();
</script>

edited Feb 12 '13 at 06:33

RiaD

46,822
11
79
123

answered Feb 12 '13 at 06:32

1

it is not working. whenever page loads with above it directly go to the action page. it does not wait to take input.
--------------------

Name :
– Anon30 Feb 12 '13 at 09:17
yes it will submit and page refresh when page load if you use it as – Feb 12 '13 at 09:22
you need to bind it with any button events – Feb 12 '13 at 09:22
like – Feb 12 '13 at 09:23
1

If you have a submit button named 'submit', this will either quietly fail (jQuery) or produce error saying "submit is not a function" (vanilla js). [Renaming button to anything else will resolve](https://stackoverflow.com/questions/833032/submit-is-not-a-function-error-in-javascript). **¯\_(ツ)_/¯** – fzzylogic Jul 06 '19 at 04:12

score 7 · Answer 2 · answered Feb 12 '13 at 06:32

you can submit it with the use of javascript submit() function

<script type="text/javascript">
function submitform()
{
document.forms["myform"].submit();
alert("Value is sumitted");
}
</script>

<form id="myform" action="submit.php" method="post">
Search: <input type="text" name="query">
<a href="javascript: submitform()">Submit</a>
</form>

score 0 · Answer 3 · answered Feb 12 '13 at 06:39

I think you can make your submit button's visibility 'hidden' and use the following javascript.

<script type="text/javascript">
// Using jQuery.

$(function() {
$('form').each(function() {
    $('input').keypress(function(e) {
        // Enter pressed?
        if(e.which == 10 || e.which == 13) {
            this.form.submit();
        }
    });

    $('input[type=submit]').hide();
   });
});
</script>


<form name="formName" method="post">
   <input name="someName" type="text" /><br />
   <input name="somePass" type="password" />
   <input type="submit" style="visibility: hidden;" />
</form>

score 0 · Answer 4 · answered Feb 12 '13 at 06:52

0

In javascript it must use the form submit() method implemented in a custom button or anchor.

In PHP you can use the curl library (client URL library).

answered Feb 12 '13 at 06:52

Sergio Canseco

21
5

How can one submit a form without using submit button

4 Answers4