``There is an issue with the onsubmit property that prevents the opening of

Question

``There is an issue with the onsubmit property that prevents the opening of

I have encountered an issue with my forms that has me stumped. Despite searching online for help, I can't seem to figure out why my implementation is not working as intended.

The concept is straightforward. I've embedded a form within a JSP page. The form includes an 'onsubmit' property that is supposed to trigger the opening of a different JSP file along with some parameters. Additionally, there are buttons inside the form, one of which invokes a JavaScript function responsible for submitting the form under specific conditions.

Below is the relevant code snippet: JSP:

...
<form id='testForm' onsubmit="window.open('another.jsp')">
  <input type="button" onclick="callJsFunction()" />
  ..
</form>

JavaScript:

function callJsFunction() {
  if (launchNow == 1) {
    var form = document.getElementById("testForm");
    form.submit();
  }
}

Adding target="_blank" to the form definition opens a new window, but not the desired JSP file. My end goal is for the form to execute a servlet action (using the action attribute) and then display the new JSP file. Any suggestions or insights would be greatly appreciated!

Thank you!

javascript forms http-redirect window.open onsubmit

Answer 1

Answer №1

I finally found the solution I was searching for right here: Opening a New Window on Form Submit with JavaScript

Instead of using target="_blank", I learned that I can set a specific window as the target to open. By redirecting to the desired jsp in my servlet, it now displays in a new pop-up window exactly as intended.

Answer 2

I finally found the solution I was searching for right here: Opening a New Window on Form Submit with JavaScript

Instead of using target="_blank", I learned that I can set a specific window as the target to open. By redirecting to the desired jsp in my servlet, it now displays in a new pop-up window exactly as intended.

Answer 3

Answer №2

<form id='registrationForm' action='submit.php' target='_blank'>

Answer 4

<form id='registrationForm' action='submit.php' target='_blank'>

Answer 5

Answer №3

Perhaps this is what you're searching for?

Take a look at the live demo by clicking on this link: http://fiddle.jshell.net/vf6AC/show/light/ (please note that it does not work in jsfiddle)

<form action="http://google.com" id="testForm">
    <input type="submit" />
</form>

<script type="text/javascript">
var testForm = document.getElementById("testForm");

testForm.onsubmit = function(e){
    window.open("http://stackoverflow.com");
    
    return true;
};
</script>

You can view the jsfiddle here: http://jsfiddle.net/vf6AC/

Answer 6

Perhaps this is what you're searching for?

Take a look at the live demo by clicking on this link: http://fiddle.jshell.net/vf6AC/show/light/ (please note that it does not work in jsfiddle)

<form action="http://google.com" id="testForm">
    <input type="submit" />
</form>

<script type="text/javascript">
var testForm = document.getElementById("testForm");

testForm.onsubmit = function(e){
    window.open("http://stackoverflow.com");
    
    return true;
};
</script>

You can view the jsfiddle here: http://jsfiddle.net/vf6AC/

``There is an issue with the onsubmit property that prevents the opening of

Answer №1

Answer №2

Answer №3

Similar questions

Creating a JSON File with an Illustrator Script

Utilizing turbolinks enables the page to be reloaded upon form submission

What is the best method to verify a string against a set of approved characters using JavaScript?

Issue with component not updating upon state change

My PayPal script (and all other JavaScript) was rendered dysfunctional by Onsen UI

Retrieving text data from the JSON response received from the Aeris API

Manipulating Data in AG-GRID with AngularJS: A Guide to External Editing

What causes the error "Failed to load SWC binary for win32/x64" when using getStaticProps?

Ways to confirm the actual openness of Express app's connection to MongoDB?

Display the mobile keyboard without the presence of an input element

Is it possible for me to use an NPX tool to execute git clone command?

Determine the necessary adjustment to center the div on the screen and resize it accordingly

Utilizing npm packages with grunt: A guide

Ways to emphasize the chosen row within angular js 4

Capturing and setting form element values within a Javascript Module Pattern

Having trouble getting the finally clause to work properly in Angular JS version 1.7

Access a document from a collaborative directory directly in a web browser

X-editable does not verify if the checklist values are checked

The nodejs server failed to respond to my request, displaying "undefined" instead

Why do attributes of a directive fail to function within a different directive in AngularJS?