Redirecting to a page after submitting form in HTML

Question

I m fairly new to coding in HTML  After hours of searching the internet for a way to do this  I failed and so I m here  I was setting up a CSRF Proof of concept page here  I want it to redirect to another page which will execute the payload that the CSRF had implemented    lt html gt     lt body gt       lt form action  https   website com action php   method  POST  gt         lt input type  hidden  name  fullname  value  john    gt         lt input type  hidden  name  address  value  street 2  32 ave    gt         lt input type  submit  value  Submit request    gt       lt  form gt     lt  body gt   lt  html gt    So after this form is submitted using  all it does is redirect to this page     But instead of that  I want it to redirect to another URL as well as submit that form

User · Answer

You need to use the jQuery AJAX or XMLHttpRequest() for post the data to the server. After data posting you can redirect your page to another page by window.location.href.

Example:

 var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
      window.location.href = 'https://website.com/my-account';
    }
  };
  xhttp.open("POST", "demo_post.asp", true);
  xhttp.send();

User · Answer

What you could do is  a validation of the values  for example  if the value of the input of fullanme is greater than some value length and if the value of the input of address is greater than some value length then redirect to a new page  otherwise shows an error for the input   x000D   x000D     We access to the inputs by their id s let fullname   document getElementById  fullname    let address   document getElementById  address        Error messages let errorElement   document getElementById  name error    let errorElementAddress   document getElementById  address error        Form let contactForm   document getElementById  form        Event listener contactForm addEventListener  submit   function  e      let messageName         let messageAddress              if  fullname value           fullname value     null        messageName push    This field is required           if  address value           address value     null        messageAddress push    This field is required              Statement to shows the errors   if  messageName length    messageAddress length  gt  0        e preventDefault        errorElement innerText   messageName      errorElementAddress innerText   messageAddress               if the values length is filled and it s greater than 2 then redirect to this page     if        fullname value length  gt  2      address value length  gt  2            e preventDefault        window location assign  https   www google com             x000D   error     color   000      input-container     display  flex    flex-direction  column    margin  1rem auto    x000D   lt html gt     lt body gt       lt form id  form  method  POST  gt       lt div class  input-container  gt       lt label gt Full name  lt  label gt         lt input type  text  id  fullname  name  fullname  gt         lt div class  error  id  name error  gt  lt  div gt         lt  div gt                lt div class  input-container  gt         lt label gt Address  lt  label gt         lt input type  text  id  address  name  address  gt         lt div class  error  id  address error  gt  lt  div gt         lt  div gt         lt button type  submit  id  submit button  value  Submit request   gt Submit lt  button gt       lt  form gt     lt  body gt   lt  html gt  x000D   x000D   x000D

User · Answer

For anyone else having the same problem  I figured it out myself    x000D   x000D       lt html gt  x000D         lt body gt  x000D           lt form target   blank  action  https   website com action php  method  POST  gt  x000D             lt input type  hidden  name  fullname  value  Sam    gt  x000D             lt input type  hidden  name  city  value  Dubai amp  32     gt  x000D             lt input onclick  window location href    https   website com my-account    type  submit  value  Submit request    gt  x000D           lt  form gt  x000D         lt  body gt  x000D       lt  html gt  x000D   x000D   x000D    All I had to do was add the target   blank  attribute to inline on form to open the response in a new page and redirect the other page using onclick on the submit button

[html] Redirecting to a page after submitting form in HTML

Examples related to html

Examples related to forms

Examples related to post