6


Submitting Form without Using Submit button in JavaScript

Dated: 02/06/2012   Author:prasad Javascript, php

  • Share
  • CevherShare
  • Share

Forms in website are used to submit values to the server or to give query or to request some thing. Every form will have  a submit button, which is clicked after finishing filling up of form values. After clicked the submit button only form values are get processed. In some instance there many be situation to submit form values without using buttons. This problem can be achieved by java script.

READ ALSO:

Submit Form Without Submit Button, When Drop-down List box is Selected

Submit Form Without Submit Button, When Radio Button is Clicked

document.forms["FormName"].submit();  is used to submit the form values.

Here we are using anchor tag i.e. link to work as submit button. When link is clicked, it will call java script function, within java script function  document.forms["myform"].submit(); will be used to auto submit the form values.

Instead of using document.forms["FormName"].submit(); function, we can also use   document.getElementById(“myform”).submit();

1
2
3
4
5
6

<script type="text/javascript">
function formSubmit()
{
document.getElementById("frm1").submit();
}
</script>

Note:  document.FormName.submit(); function doesn’t work to submit values.

 

index.php

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

<html>

<head>
Submit Form without Submit button
</head>
<body>
<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>
</body>
</html>

After auto submitting the values, value which is entered will be shown in submit.php page.

submit.php

1
2
3
4
5
6
7
8

<html>
<body>
<?php
$a=$_POST['query'];
echo "Submitted values is ".$a;
?>
</body>
</html>
prasad

About prasad

Prasad K has written 111 post in this blog.

Related posts:

  1. Introduction to jQuery
  2. Simple Slideshow in Javascript
  3. User Registration form in PHP and MySQL
  4. Javascript History Methods
  5. Javascript Alert Box in PHP

6 Responses to Submitting Form without Using Submit button in JavaScript

  1. Shahbaz Ahmed Bhatti says:
    30/06/2012 at 8:01 am

    can u please make a live exmaple or can u please uplaod a exmaple script so i can see hwo ot do that job without submit button

    Thanks

    Reply
  2. Tahir says:
    19/10/2012 at 7:08 am

    nice tutorial, what i am looking for! thanks for sharing great tutor.

    Reply
  3. sree ram says:
    15/01/2013 at 3:43 am

    hmmm good example dude….

    Reply
  4. Gurdeep Singh says:
    15/01/2013 at 8:20 am

    thanks sir, this tutorial is really helpful for those who wants to submit form without submit button..thanks again..

    Reply
  5. chirag Nagpal says:
    19/01/2013 at 9:48 am

    nice .. this is really helpfull.

    Reply
  6. Sohail says:
    20/02/2013 at 5:27 pm

    good

    Reply