首頁 > 開發者 > JavaScript
標籤：styles ace fun lan css input type ges 前端
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>使用者登入</title>
<link href="../static/css/0082.css " rel="stylesheet" type="text/css">
<script>
document.write(Date())
</script>
<script>
function myLogin(){
var uName = document.getElementById("name");
var uPass = document.getElementById("upass");
var uError = document.getElementById("error_box");
if(uName.value.length<6){
uError.innerHTML = "使用者名稱至少6個字元！"
}
if(uName.value.length>15){
uError.innerHTML = "使用者名稱不能超過15個字元！"
}
if(uName.value.length>=6&&uName.value.length<=15){
if(uPass.value.length<6){
uError.innerHTML = "密碼不得少於6位！"
}
if(uPass.value.length>15){
uError.innerHTML = "密碼超過15個字元！"
}
}
}
</script>
</head>
<body bgcolor="#87ceeb">
<div class="box">
<h2>登入</h2>
<div class="input-box" >
<p>請輸入使用者名稱</p>
<input id="name" type="text" placeholder="Name">
</div>
<div class="input_box">
<p>請輸入密碼</p>
<input id="upass" type="password" placeholder="Password"><br>
<a href="a">忘記密碼？</a>
</div>
<div id="error_box"><br></div>
<div class="input_box">
<button onclick="myLogin()">登入</button>
</div>
</div>
</body>
</html>
JavaScript 基礎，登入前端驗證
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
