Breaking News: Grepper is joining You.com. Read the official announcement!

html login js

Add Answer

SubZero answered on December 16, 2020 Popularity 10/10 Helpfulness 3/10

answer html login js

related how to make a login page in javascript

related html login js

related login html

related LogIn.html

related javascript login form

html login js

Comment

JavaScript file (script.js):

function validateForm() {
	var username = document.getElementById("username").value;
	var password = document.getElementById("password").value;
	if (username == "") {
		document.getElementById("error").innerHTML = "Please enter a username";
		return false;
	}
	if (password == "") {
		document.getElementById("error").innerHTML = "Please enter a password";
		return false;
	}
	return true;
}

When the user clicks the submit button on the HTML page, the validateForm() function is called and the input fields are checked for errors. If there are errors, the function returns "false" and displays an error message on the page. If there are no errors, the function returns "true" and submits the form to the server for further processing.

Note that this is a basic example of form validation using JavaScript. In a real-world application, you would also need to validate user input on the server side to prevent security vulnerabilities such as SQL injection and cross-site scripting (XSS) attacks.

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: html javascript

Link to this answer
Share Copy Link

Contributed on Mar 09 2023

SubZero

0 Answers Avg Quality 2/10

Closely Related Answers

how to make a login page in javascript

Comment

<!DOCTYPE html>
<html>
  <head>
    <title>Login Page</title>
  </head>
  <body>
    <form id="login-form">
      <label for="username">Username:</label><br>
      <input type="text" id="username"><br>
      <label for="password">Password:</label><br>
      <input type="password" id="password"><br><br>
      <input type="submit" value="Login">
    </form>

    <script>
      const form = document.getElementById('login-form');

      form.addEventListener('submit', (event) => {
        // Prevent the default form submission behavior.
        event.preventDefault();

        // Get the values of the username and password inputs.
        const username = document.getElementById('username').value;
        const password = document.getElementById('password').value;

        // Send an HTTP request to a server-side script or API endpoint
        // to authenticate the user using the provided login information.
        // If the authentication is successful, redirect the user to the
        // protected page or content that they are trying to access.
        // If the authentication is unsuccessful, display an error message.
      });
    </script>
  </body>
</html>

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: chat.openai.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Dec 10 2022

unel

0 Answers Avg Quality 2/10

html login js

Comment

<!DOCTYPE html>
<html>
<head>
	<title>Login Form</title>
	<script src="script.js"></script>
</head>
<body>
	<h1>Login Form</h1>
	<form onsubmit="return validateForm()">
		<label for="username">Username:</label>
		<input type="text" id="username" name="username">
		<label for="password">Password:</label>
		<input type="password" id="password" name="password">
		<input type="submit" value="Submit">
	</form>
	<p id="error"></p>
</body>
</html>

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: html

Link to this answer
Share Copy Link

Contributed on Mar 09 2023

SubZero

0 Answers Avg Quality 2/10

login html

Comment

<!DOCTYPE html>
<html>

<head>
      <title>HTML Login Form</title>
      <link rel="stylesheet" href="style.css">
</head>

<body>
      <div class="main">
            <h1>GeeksforGeeks</h1>
            <h3>Enter your login credentials</h3>
            <form action="">
                  <label for="first">
                        Username:
                  </label>
                  <input type="text" 
                         id="first" 
                         name="first" 
                         placeholder="Enter your Username" required>

                  <label for="password">
                        Password:
                  </label>
                  <input type="password"
                         id="password" 
                         name="password"
                         placeholder="Enter your Password" required>

                  <div class="wrap">
                        <button type="submit"
                                onclick="solve()">
                              Submit
                        </button>
                  </div>
            </form>
            <p>Not registered?
                  <a href="#"
                     style="text-decoration: none;">
                        Create an account
                  </a>
            </p>
      </div>
</body>

</html>

Popularity 7/10 Helpfulness 2/10 Language html

Source: www.geeksforgeeks.org

Tags: html

Link to this answer
Share Copy Link

Contributed on Jul 02 2024

Ayush negi

0 Answers Avg Quality 2/10

LogIn.html

Comment

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title></title>
		<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
	</head>
	<body>
		<div class="container">
			<div  class="row">
				<div class="col-sm-12">
					<br><br>
				<h4>ตัวอย่างฟอร์มชำระเงิน ถ้าเลือกรูปแบบการชำระเงินเป็นโอนเงิน จะแสดงลิสธนาคารให้เลือก</h4>
				html + javascript : Show input field only if a specific option is selected
			</div>
				<div class="col-sm-3">
					<form  method="get">
						<div class="form-group row">
						<label for="cashmethod">เลือกวิธีชำระเงิน</label>
						<select onchange="yesnoCheck(this);" class="form-control" name="cashmethod" required>
							<option value="">-วิธีชำระเงิน-</option>
							<option value="เงินสด">เงินสด</option>
							<option value="โอนเงิน">โอนเงิน</option>
						</select>
					</div>
					<div class="form-group row" id="ifcash" style="display: none;">		 
							<label for="bank">เลือกธนาคารที่โอนเงิน</label>
							<select name="bank" class="form-control">
								<option value="">เลือกธนาคารที่โอนเงิน</option>
								<option value="1">bank1</option>
								<option value="2">bank2</option>
								<option value="3">bank3</option>
							</select> 
					</div>
					<div class="form-group row">
						<label for="amount">จำนวนเงิน</label>
						<input type="number" name="amount" required min="0" class="form-control">
					</div>
					<div class="form-group row">
						<button type="submit" class="btn btn-primary">SAVE</button>
					</div>
					</form>
				</div>
			</div>
		</div>
		<script type="text/javascript">
		function yesnoCheck(that) {
				if (that.value == "โอนเงิน") {
					document.getElementById("ifcash").style.display = "block";
		} else {
					document.getElementById("ifcash").style.display = "none";
			}
		}
		</script>
		
	</body>
</html>
Cr.https://stackoverflow.com/questions/29321494/show-input-field-only-if-a-specific-option-is-selected

Popularity 10/10 Helpfulness 2/10 Language java

Source: devbanban.com

Tags: java

Link to this answer
Share Copy Link

Contributed on Mar 26 2022

Excited Eagle

0 Answers Avg Quality 2/10

javascript login form

Comment

qewwqe

Popularity 1/10 Helpfulness 1/10 Language html

Source: Grepper

Tags: html javascript

Link to this answer
Share Copy Link

Contributed on Dec 16 2020

Jolly Jackal

0 Answers Avg Quality 2/10

html login js

Contents

More Related Answers

html login js

Closely Related Answers

how to make a login page in javascript

html login js

login html

LogIn.html

javascript login form

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.