--How to Submit a Form Using JavaScript
Generally, a form is submitted when the user presses a submit button. However, sometimes, you may need to submit the form programmatically using JavaScript.
JavaScript provides the form object that contains the submit() method. Use the ‘id’ of the form to get the form object.
For example, if the name of your form is ‘myform’, the JavaScript code for the submit call is:
document.forms[ "myform" ].submit(); |
But, how to identify a form? Give an id attribute in the form
tag
< form id = 'myform' action = 'formmail.pl' > |
Here is the code to submit a form when a hyperlink is clicked:
< form name = "myform" action = "handle-data.php" > |
Search: < input type = 'text' name = 'query' /> |
< a href = "javascript:
submitform()" >Search</ a > |
</ form > |
< script type = "text/javascript" > |
function submitform() |
{ |
document.myform.submit(); |
} |
</ script > |
<html><head>url</head>
<script
src="http://code.jquery.com/jquery-latest.min.js"></script>
<body>
<form
name="testForm" id="testForm"
mothod="GET">
<input
type="text" name="test1" id="order"
value="order">
<input
type="text" name="test2"
value="get2">
<input
type="submit" name="Submit" value="yes"
>
<a
href="javascript:
submitform();">submit</a>
</form>
<script
type="text/javascript">
function
submitform()
{
//
document.forms['testForm'].submit(); //this will
be ok,here is name="testForm"
$('testForm').submit(); //here
is id="testForm"
}
function
$(xxx)
{
return
document.getElementByIdx_x_x_x(xxx);
}
</script>
</body>
</html>