Invoke a JSP page using JavaScript

Question

Invoke a JSP page using JavaScript

Hello, I'm new to web development and I have a question about calling JSP from a JavaScript file. My project consists of an html file with JavaScript (home.html) and a JSP file (login.jsp). In the home.html file, there are 2 textboxes and 2 buttons - one for login and another for reset. When the login button is clicked, I want to call a JavaScript function for textbox field validation. If either of the textboxes is empty, I want to show an alert message saying "text fields should not be empty" to the user. If both textboxes have values, then it should redirect to the login.jsp page. Thank you in advance!

javascript jsp

Answer 1

Answer №1

<script language="JavaScript">
function val(){
    var username=...
    var password=...
    if(username==" "||password==" ")
    {
    alert("Please fill in all fields");
    }
    else{
    var redirectPage = "login.jsp?param1=value1&param2=value2";
    window.location.href = redirectPage;
    }
}
    </script>

Answer 2

<script language="JavaScript">
function val(){
    var username=...
    var password=...
    if(username==" "||password==" ")
    {
    alert("Please fill in all fields");
    }
    else{
    var redirectPage = "login.jsp?param1=value1&param2=value2";
    window.location.href = redirectPage;
    }
}
    </script>

Answer 3

Answer №2

<form id="myLogin" action="checkUser.php" method="post">
<input name="username" id="userInput"> Enter Username<br>
<input name="password" id="passInput" type="password"> Enter Password
</form>
<script>
document.getElementById('myLogin').addEventListener('submit', function(e) {
if (!document.getElementById('userInput').value || !document.getElementById('passInput').value)
e.preventDefault();
}, false);
</script>

Answer 4

<form id="myLogin" action="checkUser.php" method="post">
<input name="username" id="userInput"> Enter Username<br>
<input name="password" id="passInput" type="password"> Enter Password
</form>
<script>
document.getElementById('myLogin').addEventListener('submit', function(e) {
if (!document.getElementById('userInput').value || !document.getElementById('passInput').value)
e.preventDefault();
}, false);
</script>

Answer 5

Answer №3

Consider utilizing JavaScript

fetch("login.php", {
   method: "POST",
   body: JSON.stringify({ username: "Jane", password: "12345" })
})
.then(response => response.json())
.then(data => console.log(data));

ref: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

Answer 6

Consider utilizing JavaScript

fetch("login.php", {
   method: "POST",
   body: JSON.stringify({ username: "Jane", password: "12345" })
})
.then(response => response.json())
.then(data => console.log(data));

ref: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API

Invoke a JSP page using JavaScript

Answer №1

Answer №2

Answer №3

Similar questions

What is the process for generating an array of arrays in a React component?

The power of Angular controllers lies in their ability to facilitate two-way

Choosing a sequence of text snippets divided by the <br> tag found inside a specific class

Creating a "select all" feature in an HTML multiple select box with jQuery - a step-by-step guide

When the mouse is moved, display a rectangle on the canvas

When res.write is called before res.send, an error occurs

Tips for utilizing an object key containing a dash ("-") within it

Retrieving data attributes from model within a Backbone view using Underscore template

Encountering an issue while trying to launch an Angular application on localhost. Vendor.js resource failed to load

The build process encountered an error while processing the module vue-router.esm.js in a Vue.js

Encountering a browser error when trying to access a C# method via AJAX: Javascript

What is the best way to test chained function calls using sinon?

Having trouble with validation messages not displaying correctly in Angular after removing a value. What is the correct approach to fix this issue

Control the options of the Select menu using ajax

What is the best way to create an index for a user-provided value in a textbox

Error: The script is unable to access the property "div" because it is undefined

Triggering an Ajax request by clicking on a link

Unable to access a hyperlink, the URL simply disregards any parameters

Issue with verifying file existence utilizing $.ajax()

Sending empty parameter data via Ajax to an MVC controller