Question

16

How to autosubmit a form in javascript?

rated 0 times [ 21] [ 5] / answers: 1 / hits: 17349 / 13 Years ago, thu, september 15, 2011, 12:00:00

I have a form with an input text field which imports data every couple of seconds and display it in the form field , let us say :

<input name=code id=code type=text size=64 maxlength=128 />

and a submit button and my form has the formname form1.
I want the submit button to be clicked as soon as the data in the form field is changed.
I did try to do the following. In the header I did add the follwoing javascript:

<SCRIPT LANGUAGE=javascript>

function send_data()

{

document.form1.submit();

}

</SCRIPT>

and on the form :

<input name=code id=code type=text size=64 maxlength=128 onchange=send_data(); />

but it didn`t work..

Any help ?

Thanks

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

mckaylab

Add To Favorites

Follow

Total Points: 311

Total Questions: 120

Total Answers: 93

Location: Montenegro

Member since Thu, Jun 16, 2022

2 Years ago

mckaylab questions

1 How to use Material UI custom variants in React with Typescript

Fri, Apr 8, 22, 00:00, 2 Years ago

1 TypeError: Cannot read properties of undefined (reading 'forEach') at Object.< anonymous> (/home/runner/myrepl/index.js:10:6

Mon, Apr 4, 22, 00:00, 2 Years ago

1 How to use the AbortController to cancel Promises in React?

Wed, Dec 1, 21, 00:00, 3 Years ago

1 How To Open HTML Date Picker Dialog On Click Anywhere Inside Input?

Mon, Apr 26, 21, 00:00, 3 Years ago

1 How to change selenium-standalone port number via webdriverio wdio file?

Wed, Jul 24, 19, 00:00, 5 Years ago

View All

answered 13 Years ago jesse · Accepted Answer

Something like this would work:

<form action=#>

    <input type= id=input />

    <button type=submit></button:>

</form>



<script>

function send_data() {

    document.forms[0].submit();

}



window.onload = function(){

    var input = document.getElementById('input');

    input.onchange = send_data;

}

</script>

But I'd add a few caveats:

I'm assuming there is only one form on the page. You would be safer assigning and ID to your form and using getElementById and referencing that instead of document.forms[x]

The change event will only happen after you lose focus on the input, which I probably what you want? Just making sure it's expected behavior

Without knowing why you need to do this, I'd note that it could potentially be very annoying to the user, as submission will trigger a new page load. You may be better off doing a submission via ajax so as not to disrupt the user's browsing. If you do this, I strongly recommend a JS library to handle this.