使用javascript启用/禁用按钮

时间:2016-04-22 18:01:37

标签: javascript jquery html cookies session-state

我正在尝试构建一个简单的html应用程序,获取一些基本的客户信息并将信息存储在数据库中。 捕获信息后,当客户登录他的个人资料时,他可以看到3个按钮。

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>

但这并没有考虑到上述要求。任何帮助将不胜感激

3 个答案:

答案 0 :(得分:1)

使用HTML5 localStorageJavascript cookie来满足要求,因为它完全基于用户登录。

您必须遵循的步骤:

  1. 当用户首次登录时,在localstorage中创建一个新的cookie或setItem为new。
  2. 当用户第二次登录时,将localstorage中的cookie值或setItem设置为旧值。
  3. 通过这样做,您可以确定哪个是新用户,哪个是旧用户,并根据该用户执行功能。

答案 1 :(得分:0)

使用SELECT tbl1.HdrCode, tbl1.HdrName FROM Table1 tbl1 WHERE tbl1.HdrCode = '000520' UNION ALL SELECT tbl1.HdrCode, tbl1.HdrName FROM Table1 tbl1 WHERE tbl1.HdrCode = '000531' UNION ALL SELECT tbl1.HdrCode, tbl1.HdrName FROM Table1 tbl1 WHERE tbl1.HdrCode = '000531' UNION ALL SELECT tbl1.HdrCode, tbl1.HdrName FROM Table1 tbl1 WHERE tbl1.HdrCode = '000636' 可能是一种解决方法,因为您没有描述任何使用服务器端会话检索

localStorage

因此,如果我们的localStorage值为var trueOnFirstVisit = window.localStorage.firstVisit || "true"; $("#button2, #button3").prop("disabled", trueOnFirstVisit); window.localStorage.firstVisit = "false"; ,则表示用户已访问该页面。

https://developer.mozilla.org/en/docs/Web/API/Window/localStorage
http://api.jquery.com/prop/

答案 2 :(得分:0)

假设您已经在用户登录时存储了信息,则可以使用$.cookie('varible_name');访问此信息,如果您使用了Cookie。

您还可以发送帖子请求并使用rpc $ .post(...)并检查用户是否已登录。如果后续登录意味着单独登录而不是持久登录,则可以在登录表上保留一个计数器在数据库中根据需要更新/获取它。