2016-04-22 46 views
0

基本的な顧客情報を取得し、その情報をデータベースに格納する単純なhtmlアプリケーションを構築しようとしています。 情報をキャプチャした後、顧客がプロフィールにログインすると、3つのボタンが表示されます。JavaScriptを使用してボタンを有効/無効にする

button 1= print

button 2= delete

button 3= edit

特別な要件:

  • ボタン1がクリックされない限り、
  • 次にボタン2と3は、のために無効にする必要があります初めてのユーザーがログインインチの次以降のログイン

    • すべてのボタンについては

    を有効にする必要があります。

は、これまでのところ、私は以下のこと行っている:

<html> 
<head> 
    <script> 
     function enableButton() { 
      document.getElementById("button2").disabled = false; 
      document.getElementById("button3").disabled = false; 
     } 
    </script> 
</head> 
<body> 
    <input type="button" id="button1" value="print" onclick="enableButton()" /> 
    <input type="button" id="button2" value="delete" disabled /> 
    <input type="button" id="button3" value="edit" disabled /> 
</body> 
</html> 

をしかし、これは、上記の要件の世話をしていません。あなたは、サーバー側のセッション検索のいずれかの使用を記載していなかったので、私たちは"false"ののlocalStorage値が既にユーザーを意味している場合はすべてのヘルプは、

var trueOnFirstVisit = window.localStorage.firstVisit || "true"; 
$("#button2, #button3").prop("disabled", trueOnFirstVisit); 
window.localStorage.firstVisit = "false"; 

ので、回避策になるかもしれないlocalStorageを使用して

+0

これは何をしないのですか、問題のログは何ですか? – TankorSmash

+0

あなたはいくつかのクッキーを設定し、ロジックのこの部分を作成する必要があります – billynoah

+1

私はあなたのコードで "ログイン"に関連するものは見ていません。何か不足していますか? –

答えて

0

また、投稿要求を送信し、rpc $ .post(...)を使用してユーザーがログインしているかどうかを確認することもできます。後続のログインが永続的ではなく別のログインを意味する場合は、テーブルを更新し、必要に応じて更新/フェッチします。

0

HTML5 localStorageまたはJavascript cookieを使用すると、ユーザーのログインに完全に基づいているため、この要件を満たすことができます。

のステップは、あなたが従わなければならない:ユーザログイン初めて新品同様のlocalStorageで新鮮なクッキーやSetItem関数を作成

  1. ユーザーが2回目にログインすると、localstorageにcookie値またはsetItemをoldとして設定します。

これを行うと、どのユーザーが新しいユーザーであり、どのユーザーが古いユーザーであるかを識別し、それに応じて機能を実行できます。

関連する問題