Add login routes to the application. You'll need to add a route to access the login...

Question

Question

Add login routes to the application. You'll need to add a route to access the login...

Add login routes to the application. You'll need to add a route to access the login page (along with relevant html/css/js for that page).

You'll also need a login route to send the username/password to. This route will perform the actual user authentication.

You should just send back:
status 200 (if the user logs in succesfully)
status 401 (if they don't

Use the appropriate HTTP methods.

engineering Computer-Science

Add a comment Improve this question Transcribed image text

Answer 1

Answer #1

Login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
    <script src="login.js"></script>
</head>
<body>

<div class="container">
    <div class="main">
        <h2>Javascript Login Form Validation</h2>
        <form id="form_id" method="post" name="myform">
            <label>User Name :</label>
            <input type="text" name="username" id="username"/>
            <label>Password :</label>
            <input type="password" name="password" id="password"/>
            <input type="button" value="Login" id="submit" onclick="validate()"/>
        </form>
        <span><b class="note">Note : </b>For this demo use following username and password. <br/><b class="valid">User Name : uname<br/>Password : password</b></span>
    </div>
</div>
</body>
</html>

login.js

function validate() {
    var username = document.getElementById("username").value;
    var password = document.getElementById("password").value;
    if (username == "uname" && password == "password") {
        alert("Login successfully");
    }
}

Javascript Login Form Validation Login User Name : uname Password : Note : For this demo use following username and password.

Login successfully OK

Add a comment

Answer 2

Similar Homework Help Questions

I need help creating a netbeans application and linking database with steps Part II – Next,...

I need help creating a netbeans application and linking database with steps Part II – Next, build a simple Servlet called LoginServlet in your “Bank” Project. Now make it so that when the Customer logs in, the LoginServlet will get called and will validate the user id and password. At first, just make sure that the Servlet gets called correctly. So just print a simple message like “LoginServlet Running…”. Remember, to call the LoginServlet, you will need to modify the...
LANGUAGE JAVASCRIPT, PHP Need help with PHP and ajax code. The user needs to login but,...

LANGUAGE JAVASCRIPT, PHP Need help with PHP and ajax code. The user needs to login but, I keep getting an error that I coded "Wrong username and password!" ***PLEASE DONT GIVE ME A NEW CODE THAT IS NOWHERE NEAR THE CODE I SUBMITTED***** PLEASE LOOK AT THE CODE AND SEE ANY ISSUES login.html <!DOCTYPE html> <html> <head> <title>login popup</title> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <style type="text/css"> body { background-color: white; } </style> </head> <body> <center> <h1 style="text-align: center;"> Login </h1> <form> Login ID:...
Part I – Build a simple Servlet called MyServlet using NetBeans. Add this Servlet to you...

Part I – Build a simple Servlet called MyServlet using NetBeans. Add this Servlet to you “ChattBank” Project. This MyServlet will display a message like “Go Braves” in a simple <h1> tag. Run this servlet from a Browser window by typing in the servlet name in the URL line. (ie. http://localhost:8080/ChattBank/MyServlet). Make sure that your Server is up and running before you test this Servlet. The best way to do this is just Run your “ChattBank” Project once before you...

Helpp: Make an application Protocol Application log for text messages In this task, an application protocol for sending...

Helpp: Make an application Protocol Application log for text messages In this task, an application protocol for sending and retrieving text messages is to be developed. A client (eg app on a smartphone) communicates with an application on a web server running a database of user data (username and password) and messages (user name of the sender, user name of the recipient, message text). The client should be able to perform the following actions: Register a new user Log in...
You need to implement a web application that is split in three parts, namely, Webpage, PHP...

You need to implement a web application that is split in three parts, namely, Webpage, PHP and MySQL. Each of them will be used accordingly to solve a simple problem described below. Remember to implement the logic in the most secure way of your knowledge. PHP Implement a PHP function that reads in input a string from the user and store it in a table (e.g., in a field called "Content Name"). The function should be able to read the...
You need to implement a web application that is split in three parts, namely, Webpage, PHP and My...

You need to implement a web application that is split in three parts, namely, Webpage, PHP and MySQL. Each of them will be used accordingly to solve a simple problem described below. Remember to implement the logic in the most secure way of your knowledge. PHP Implement a PHP function that reads in input a string from the user and store it in a table (e.g., in a field called "Content Name"). The function should be able to read the...

I need help ASAP on this, this is due at midnight PST. This is the current...

I need help ASAP on this, this is due at midnight PST. This is the current code I have. How can I allow the user to quit. My counting while loop works fine, but I would like it to not keep outputting username if a file was successfully opened. This is what is required. Prompt You have assumed the role of managing the technology infrastructure at a zoo. You will develop a working program (either an authentication system or a...
I am creating an Android application that has a login/registration page. To be able to use...

I am creating an Android application that has a login/registration page. To be able to use the application, the user must be 21 + years old. I have previously created php files for login, register, and update user info. I am having trouble on where to add code that will check if the user is 21+ into the update_user_info.php file I have created. I have figured out the correct mysql command to add to the php file, I am just...
given below are the project description and their Html and css files i need javascript according to the project and other files!

HTML------------------------------------------------------CSS---------------------------------------------------WEB230 - JavaScript 1 Assignment 7 - FormsSome of these tasks would be better done in HTML or CSS but do them in JavaScript to practice whatwe have learned.1. Select the form element and save it in a variable. From here we can access all of the form fields.2. When the page loads do the following:add the password value "monkey"select the favourite city "New York"clear the textarea3. Add an event handler to the "name" field to change the background color...

Add login routes to the application. You'll need to add a route to access the login...

Homework Answers

Add Answer to:
Add login routes to the application. You'll need to add a route to access the login...

Post as a guest

Earn Coins

I need help creating a netbeans application and linking database with steps Part II – Next,...

LANGUAGE JAVASCRIPT, PHP Need help with PHP and ajax code. The user needs to login but,...

Part I – Build a simple Servlet called MyServlet using NetBeans. Add this Servlet to you...

Helpp: Make an application Protocol Application log for text messages In this task, an application protocol for sending...

You need to implement a web application that is split in three parts, namely, Webpage, PHP...

You need to implement a web application that is split in three parts, namely, Webpage, PHP and My...

I need help ASAP on this, this is due at midnight PST. This is the current...

I am creating an Android application that has a login/registration page. To be able to use...

given below are the project description and their Html and css files i need javascript according to the project and other files!

Add login routes to the application. You'll need to add a route to access the login...

Homework Answers

Add Answer to: Add login routes to the application. You'll need to add a route to access the login...

Post as a guest

Earn Coins

Add Answer to:
Add login routes to the application. You'll need to add a route to access the login...