你好呀！??
所以幾年前我就想通了，但我似乎無法再次找到該教程或任何備份。
基本上它是一個簡單的登錄表單，如果文本正確，它會將用戶發送到指定的 URL。
如果輸入型別文本是“自定義文本”并且輸入型別密碼是“自定義文本”，則輸入型別提交按鈕轉到 ahref“自定義 url”
<div>
<label for="username">Username:</label>
<input type="text" id="username" name="username">
</div>
<p></p>
<div>
<label for="pass">Password:</label>
<input type="password" id="pass" name="password" minlength="8" required="">
</div>
<input type="submit" value="Sign in">有趣的是，如果我沒記錯的話，它非常基礎，沒有花哨的 CSS 或 javascript。再一次，我用了好幾年了，真的記不清了。
所以它不使用任何資料庫或任何其他高級東西（對我來說），它過去使用更多的名稱和密碼，而不僅僅是一個，比如演示名稱和演示通行證。
把它想象成一個用密碼鎖定的簡單網頁，如果你想訪問它，輸入密碼，一個自定義詞，如果作業正確，按鈕會將你帶到一個自定義 url。
我只想把它留在這里，希望你能幫忙。
謝謝！
我試圖制作一個基本的、簡單的 HTML 表單，人們可以通過自定義名稱和密碼登錄，如果他們正確輸入，提交按鈕會將他們發送到自定義 url 頁面。
uj5u.com熱心網友回復：
解決方案 您好，我認為這可能對您有所幫助。我使用帶有封裝鏈接的標簽代替按鈕
uj5u.com熱心網友回復：
我的道歉！它確實涉及一些javascript。
我一直在尋找并解決了它，我想，也許它可以幫助遇到與我相同麻煩的任何人，所以我只是將其發布。
它的邊緣很粗糙，所以沒有 CSS 但值得。
<html>
<head>
<title>Javascript Login Form Validation</title>
<!-- Include CSS File Here -->
<link rel="stylesheet" href="css/style.css"/>
<!-- Include JS File Here -->
<script src="js/login.js"></script>
</head>
<body>
<div class="container">
<div class="main">
<form id="form_id" method="post" name="myform">
<label>USER:</label>
<input type="text" name="username" id="username"/>
<label>PASS:</label>
<input type="password" name="password" id="password"/>
<input type="button" value="LOGIN" id="submit" onclick="validate()"/>
</form>
<br>
<br>
username is <b>asd</b> and password is <b>123</b>
</div>
</div>
</body>
</html>
<!--THE JS JAVASCRIPT PART BELOW-->
<head>
<script>
var attempt = 4; // Variable to count number of attempts.
// Below function Executes on click of login button.
function validate(){
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if ( username == "asd" && password == "123"){
alert ("Login successfully");
window.location = "success.html"; // Redirecting to other page.
return false;
}
else{
attempt --;// Decrementing by one.
alert("You have left " attempt " attempt;");
// Disabling fields after 3 attempts.
if( attempt == 0){
document.getElementById("username").disabled = true;
document.getElementById("password").disabled = true;
document.getElementById("submit").disabled = true;
return false;
}
}
}
</script>
</head> 轉載請註明出處，本文鏈接：https://www.uj5u.com/ruanti/537042.html
標籤：网页格式形式验证
上一篇：如何使用flex對齊表單資訊