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

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

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


[語法如下]

<SCRIPT LANGUAGE="JavaScript">

<!--

function Login(){

var done=0;

var username=document.login.username.value;

username=username.toLowerCase();

var password=document.login.password.value;

password=password.toLowerCase();

if (username=="admin" && password=="test") { window.alert('It Works Pass。');; done=1; }

if (done==0) { alert("您的帳號或密碼錯誤!!"); }

}

-->

</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

jakeuj 發表於 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年前版本的東西寫的吧= =





ad6543210大大,太感謝你了,小弟這就來試看看,然後再好好研究學習,非常感恩{:9_277:}
頁: [1]
查看完整版本: 能否幫我修改使用javascript語法的網頁登入認證行為