How to open a new window on form submit

Question

I have a submit form and want it to open a new window when users submits the form so i can track it on analytics   Here is the code I m using    lt form action  http   URL at mailchimp subscriber URL com  method  post  id  mc-embedded-subscribe-form  name  mc-embedded-subscribe-form  class  validate  target   blank  onclick window open google html     scrollbars no menubar no height 600 width 800 resizable yes toolbar no status no    gt       lt label for  name  gt Your Name lt  label gt  lt input type  text  value    name  FNAME  class  required  id  mce-FNAME  gt       lt br  gt       lt br  gt       lt label for  email  gt Your Email  lt  label gt  lt input type  text  value    name  EMAIL  class  required email  id  mce-EMAIL  gt       lt br  gt       lt br  gt       lt input type  submit  value  Subscribe  name  subscribe  id  mc-embedded-subscribe  class  submit  gt   lt  form gt   lt  div gt

User · Answer

The code you have given  needs to be corrected  In form tag you have to enclosed the onClick attribute value in double quote     window open  google htm      scrollbars no menubar no height 600 width 800 resizable yes toolbar no status no      You also need to take care that first parameter of window open should also be enclosed using quotes

User · Answer

In a web-based database application that uses a pop-up window to display print-outs of database data  this worked well enough for our needs  tested in Chrome 48     lt form method  post         target  print popup         action   myFormProcessorInNewWindow aspx        onsubmit  window open  about blank   print popup   width 1000 height 800     gt    The trick is to match the target attribute on the  lt form gt  tag with the second argument in the window open call in the onsubmit handler

User · Answer

i believe this jquery work for you well please check a code below   this will make your submit action works and open a link in new tab whether you want to open action url again or a new link  jQuery  form   on  submit  function e   setTimeout function      window open  https   www google com    blank      1000          This code works for me perfect

User · Answer

window open doesn t work across all browsers  Google it and you will find a way of detecting the correct dialog type   Also  move the onclick call to the input button for it to only fire when the user submits

User · Answer

I found a solution to this also   This page helped me today so  I am re-posting here too       This is the script that will redraw current screen and submit to paypal     echo   lt script gt     n    echo  function serverNotifySelected      n    echo       n    echo      window open         PayPalPayment        n    echo      document forms   paypal form    submit       n    echo      document forms   server responder    submit       n    echo       n    echo   lt  script gt     n         This form will be opened in a new window called PayPalPayment     echo   lt form action  https   www sandbox paypal com cgi-bin webscr  name  paypal form  method  post  target  PayPalPayment  gt     n    echo   lt input type  hidden  name  cmd  value   s-xclick  gt     n    echo   lt input type  hidden  name  custom  value     transaction start    gt     n    echo   lt input type  hidden  name  hosted button id  value     single product- gt hosted button id    gt     n    echo   lt table gt     n    echo       lt tr gt     n   echo           lt td gt  lt input type  hidden  name     single product- gt hide name a    value     single product- gt hide value a    gt Local lt  td gt     n    echo       lt  tr gt     n    echo       lt tr gt     n    echo           lt td gt     n    echo           lt input type  hidden  name     single product- gt hide name b    value     single product- gt hide value b      gt    single product- gt short desc       adj price   USD    n                        lt select name  os0  gt                          lt option value  1 Day  gt 1 Day  1 55 USD lt  option gt                          lt option value  All Day  gt All Day  7 50 USD lt  option gt                          lt option value  3 Day  gt 3 Day  23 00 USD lt  option gt                          lt option value  31 Day  gt 31 Day  107 00 USD lt  option gt                      lt  select gt  echo           lt  td gt     n    echo       lt  tr gt     n    echo   lt  table gt     n    echo   lt input type  hidden  name  currency code  value  USD  gt     n    echo   lt  form gt     n         This form will redraw the current page for approval     echo   lt form action  ProductApprove php  name  server responder  method  post  target   top  gt     n    echo   lt input type  hidden  name  trans  value     transaction start    gt     n    echo   lt input type  hidden  name  prod id  value     this- gt product id    gt     n    echo   lt  form gt     n         No form here just an input and a button   onClick will handle all the forms    echo   lt input type  image  src  https   www sandbox paypal com en US i btn btn buynowCC LG gif  border  0  alt  PayPal - The safer  easier way to pay online   onclick  serverNotifySelected    gt     n    echo   lt img alt    border  0  src  https   www sandbox paypal com en US i scr pixel gif  width  1  height  1  gt     n      The above code is the code for one button   You press the button and it will redraw the current screen from purchase to pre-approval   At the same time it opens a new window and hands that new window over to PayPal

User · Answer

I generally use a small jQuery snippet globally to open any external links in a new tab   window  I ve added the selector for a form for my own site and it works fine so far      URL target        a href        not  href      location hostname       form action        not  href      location hostname        attr  target    blank

User · Answer

For a similar effect to form s target attribute  you can also use the formtarget attribute of input type  submit   or button type  submit     From MDN         this attribute is a name or keyword indicating where to display the response that is received after submitting the form  This is a name of  or keyword for  a browsing context  for example  tab  window  or inline frame   If this attribute is specified  it overrides the target attribute of the elements s form owner  The following keywords have special meanings           self  Load the response into the same browsing context as the current one  This value is the default if the attribute is not specified     blank  Load the response into a new unnamed browsing context     parent  Load the response into the parent browsing context of the current one  If there is no parent  this option behaves the same way as  self     top  Load the response into the top-level browsing context  that is  the browsing context that is an ancestor of the current one  and has no parent   If there is no parent  this option behaves the same way as  self

User · Answer

onclick may not be the best event to attach that action to  Anytime anyone clicks anywhere in the form  it will open the window    lt form action               onsubmit  window open  google html     blank    scrollbars no menubar no height 600 width 800 resizable yes toolbar no status no   return true   gt

User · Answer

No need for Javascript  you just have to add a target   blank  attribute in your form tag    lt form target   blank  action  http   example com        method  post  id  mc-embedded-subscribe-form        name  mc-embedded-subscribe-form  class  validate   gt

[forms] How to open a new window on form submit

Examples related to forms

Examples related to submit