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

kent · 發表於 2016-1-7 03:08

如題,語法是網路GOOGLE參考來的,我是新手,能否幫我修改,主要是[輸入正確或不正確的帳號/密碼],[size=18.8476791381836px]直接將結果顯示在網頁上就好(ex login pass / login ng),而不是用[彈出視窗]顯示
--->就是不要用window.alert參數,該用那個參數來表示?

[語法如下]

<SCRIPT LANGUAGE="JavaScript">



</SCRIPT>

補充內容 (2016-1-7 09:33):
不好意思,昨天沒有貼上完整語法,網路參考語法下半部如下:

<HEAD>
<title>tesr</title>
<center>
<form name=login>
<table width=255 border=1 cellpadding=5 bordercolor="#4169E...

補充內容 (2016-1-7 09:34):
http://i.imgur.com/hME4yjs.jpg

只看該作者 · 發表於 2016-1-7 05:14

提示: 作者被禁止或刪除內容自動屏蔽

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

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

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

kent · 發表於 2016-1-7 09:35

jakeuj 發表於 2016-1-7 05:14
--->就是不要用window.alert參數,該用那個參數來表示?
找個元素把訊息丟進去顯示吧?
假設有個div id = "scb ...

我還在狀況外,我會好好STUDY研究一下的,感謝提點

kent · 發表於 2016-1-7 09:35

ad6543210 發表於 2016-1-7 08:20
概念就是前面 @jakeuj 回復的那樣

或是可以使用框架(底下是我有用過知道有這功能的)

我還是新手,有點吃力,不過我會好好研究一下看看的,感謝提點

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屬性是不顯示

display:none;

複製代碼

...

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

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

kent · 發表於 2016-1-7 15:50

本帖最後由 kent 於 2016-1-7 15:51 編輯

ad6543210 發表於 2016-1-7 14:23
隨便改了一下
給你參考，那張圖很多都是參照N年前版本的東西寫的吧= =

[size=15.3333330154419px][url=https://www.microduo.tw/home.php?mod=space&uid=11324]

ad6543210大大,太感謝你了,小弟這就來試看看,然後再好好研究學習,非常感恩

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

jakeuj 該會員已被刪除	2^F 發表於 2016-1-7 05:14 \| 只看該作者提示: 作者被禁止或刪除內容自動屏蔽
jakeuj 該會員已被刪除
	讚 1 噓 0 使用道具

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

本月熱門