能否幫我修改使用javascript語法的網頁登入認證行為

ad6543210 · 發表於 2016-1-7 08:20

概念就是前面 @jakeuj 回復的那樣

或是可以使用框架(底下是我有用過知道有這功能的)
1. jQuery UI 的 Dialog
2. Bootstrap 的 Modal
3. W3 的 Modal
4. Foundation 的 Modal

ad6543210 · 發表於 2016-1-7 14:23

kent 發表於 2016-1-7 09:35
我還是新手,有點吃力,不過我會好好研究一下看看的,感謝提點

<!doctype html>
<html lang="zh-TW">
<head>
<meta charset="utf-8">
<title>test</title>
</head>
<body>
<div style="width:300px;margin:0 auto;">
<p style="text-align:center;background-color:#F00;color:#FFF;display:none;" id="notice">
這裡是提示
</p>
<p style="text-align:center;">
Username: <input type="text" id="username" />
</p>
<p style="text-align:center;">
Password: <input type="password" id="password" />
</p>
<p style="text-align:center;">
<button onclick="login();">登入</button>
</p>
</div>
<script>
function login() {
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
if (username !== undefined && password !== undefined) {
var notice = "";
if (username == "admin" && password == "password") {
notice = "帳號密碼正確";
}
else {
notice = "帳號密碼錯誤";
}
// 隱藏區內容文字，如果要用語法就將 textContent 改為 innerHTML
document.getElementById("notice").textContent = notice;
// 將隱藏區改為可見
document.getElementById("notice").style.display = "block";
}
}
</script>
</body>
</html>

複製代碼

隨便改了一下
給你參考，那張圖很多都是參照N年前版本的東西寫的吧= =

1. 在網頁上放一個區塊，然後CSS屬性是不顯示

複製代碼

...

2. js 判斷後將隱藏區改為可見就可以了

※隱藏區可以先寫好內容，直接用顯示的語法就好了。只是這樣寫死不太好。

帳號		自動登入	找回密碼
密碼			註冊

本月熱門