使用 javascript 启用/禁用按钮答案

【问题标题】：Enable/disable button using javascript使用 javascript 启用/禁用按钮
【发布时间】：2016-08-16 11:30:19
【问题描述】：

我正在尝试构建一个简单的 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>

但这并不能满足上述要求。任何帮助将不胜感激

【问题讨论】：

这个有什么作用，它没有做什么，什么是登录问题？
你只需要设置一些cookies，让这部分逻辑
我在您的代码中没有看到任何与“登录”相关的内容。你错过了什么吗？
To-Do--> 应用描述的首次登录的特殊要求。
你用什么语言工作？

标签： javascript jquery html cookies session-state

【解决方案1】：

使用localStorage 可能是一种解决方法，因为您没有描述任何使用服务器端会话检索

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

所以，如果我们的 localStorage 值为"false"，则表示用户已经访问过该页面。

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

【讨论】：

【解决方案2】：

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

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

【讨论】：

【解决方案3】：

使用HTML5 localStorage 或Javascript cookie 来满足要求，因为它完全基于用户登录。

您必须遵循的步骤：

当用户第一次登录时，在本地存储中创建一个新的 cookie 或 setItem 作为新的。
当用户第二次登录时，将本地存储中的 cookie 值或 setItem 设置为旧的。

通过这样做，您可以识别哪个是新用户，哪个是旧用户，并据此执行功能。

【讨论】：