Home/ Questions/Q 4537162
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T14:38:11+00:00

Is there a way to check if a form is submitted using an if

  • 0

Is there a way to check if a form is submitted using an if statement?

I am trying to write a function that no matter what the user does, information is always recieved and displayed to them. But if they user submits a form, it sends that data to the database and updates it first.

I’ve been trying to find events or methods to help me with this, but couldn’t seem to find anything helpful.

function getData(){

if ( FORM SUBMITTED ) {
    //POST and send
    request.open("POST", url, true);
    request.onreadystatechange = useResponse;
    request.send(str);
}

//GET and display
request.open("GET", url, true);
request.onreadystatechange = useResponse;
request.send(null);

}

EDIT: I am not refreshing the page. I forgot to mention that I am doing this using AJAX. When the page loads, this function runs initially (which displays the form data). But I do not want the form to send any data since I’m just loading the page and not actually submitting anything.

After the page is loaded and I click submit, this function is called. What I need is AJAX to send the form data via POST, then redisplay it (the script above outlines the function).

The form when submitted just calls the function:
action="javascript:getData()"

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    I don’t quite understand what you’re asking because if a form is submitted then the browser is loading a new HTTP response which may or may not know anything about an HTML form which led to its generation.

    [Edit]

    It looks like the “getData” function is doing too many things, I would create separate functions to handle the “get” and “post” requests, for example:

    <body>
  <form name="form" action="#">...</form>
  <script type="text/javascript">
    var getData = function() {
      // XHR GET data and update DOM...
    };
    getData();
    var sendData = function() {
      // XHR POST form encoded data from form input elements...
    };
    document.form.onsubmit = function() {
      sendData();
      getData();
      return false; // Block the actual form submit event.
    };
  </script>
</body>

    The jQuery serialize() function demonstrates what is needed to encode the form data programmatically.

    • 0