需要創建jQuery的密碼提示（應該很簡單）

因此，我做了一個網站尋找我正在主持的清道夫狩獵，但我需要一個密碼提示來出現幾乎每一頁，以確保他們已完成挑戰，繼續前進。我正在使用Jquery，並且要求顯示密碼promt的唯一方法是在刷新不好的頁面之後。我需要一種方法將一個頁面鏈接到另一個頁面，並在他們看到頁面之前顯示密碼提示。這是重要的html。另外，如果可以的話。每當我刷新頁面時，所有的CSS似乎都消失了，即時留下了文本。如果你可以請幫忙。需要創建jQuery的密碼提示（應該很簡單）

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>jQuery</title> 
     <link rel="stylesheet" href="../themes/scavenger-hunt.min.css" /> 
    <link rel="stylesheet" href="../Publish/jquery-mobile/jquery.mobile.structure-1.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.3.0-rc.1/jquery.mobile-1.3.0-rc.1.min.js"></script> 
    <body> 
<script language="javascript"> 
var password 
var pass1="123" 

password=prompt('Please enter password to view page') 
if (password==pass1) 
alert('password correct! Press ok to continue.') 

else{ 
    window.location="index.html"; 
    alert('password incorrect! Redirecting') 
} 

</script> 
<div data-role="page" id="home"> 
    <div data-role="header"> 
    <h1>Hint 1</h1> 

    </div>

來源

2013-02-24 saulpm

如何安全這是否需要呢？因爲如果我在尋找清道夫，我會在10秒內繞過你的密碼驗證並贏得勝利。 – mrtsherman 2013-02-24 04:48:35

我看不到jQuery代碼。 – Dave 2013-02-24 04:50:16

@mrtsherman它不一定非常安全，加上它的移動性，所以它有點難以繞過。 – saulpm 2013-02-24 04:53:04

有幾種處理方法，但這裏有兩個。一個比另一個容易。我要做到這一點的第一種方式是在頁面上放置所有內容，但在頁面加載時隱藏它。如果密碼輸入正確，則顯示該頁面。

body { display:none; } 

if (password == pass1) { $('body').show(); }

http://jsfiddle.net/5JyTy/

另一個是使用AJAX和唯一的請求/如果密碼實際上是正確的顯示內容。

if (password == pass1) { $('body').load('ajax/test.html'); }

來源

2013-02-24 05:02:34 mrtsherman

它不是，雖然這確實有一點幫助。問題似乎是頁面加載的方式。該頁面加載一個ajax加載器（換句話說，它加載不同）。我正在使用帶有主題的Jquery手機。當我嘗試在沒有主題的網頁上加載它時，它完美地工作。這是網站，如果這將有所幫助（點擊提示1，然後刷新）http://sh.atwebpages.com/team1/home.html。非常感謝 – saulpm 2013-02-24 06:00:38

您可以使用Ajax調用和jQuery MSG插件，它是好的和簡單

http://dreamerslab.com/blog/en/jquery-blockui-alternative-with-jquery-msg-plugin/

來源

2013-06-26 07:16:57

需要創建jQuery的密碼提示（應該很簡單）

回答

相關問題