``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

Implementing a Singleton Pattern in ReactJS using Context API for Asynchronous Operations

Looking for a way to efficiently sort through props in Next.js? Struggling with filtering data within props from componentDidMount in Next.js?

What is the best way to submit form data along with an image using Angular?

Nodemon fails to restart: [nodemon] attempting restart because of modifications

Encountering an error while trying to update a field using the $inc operator in

Utilize a select box to toggle between enabling and disabling options

Utilizing React to invoke the filter method on Object.keys

Steps for bundling a Node server with an Electron application

E/AndroidRuntime: CRITICAL ERROR: main --- java code in an android app

What causes CSS to fail to load in React but work normally in Next.js?

Guide on positioning a span element to the left using the margin auto property in CSS for Angular 4

Concealing and revealing the triangular indicator within a bullet diagram using the AngularJS-nvd3-directives library

Mastering the art of utilizing v-if and v-for with nested objects in Vue.js

Troubleshooting: Why is my switch-case statement in TypeScript not functioning as expected

Utilizing VUE with Socket.io or vue-socket.io Integration

Guide on downloading jsreport in .Net using C# without opening it

Exploring ways to retrieve global variables within a required() file in Node.js

SystemJS could not locate the root directory for RxJS

React.js not displaying image

Validation in ASP.Net to ensure the correct number of days between the arrival and departure dates