Question

我有以下功能：

    $(document).ready(function()
    {
        $('#login-trigger').click(function()
        {
            $(this).next('#login-content').slideToggle();
            $(this).toggleClass('active');          

            if ($(this).hasClass('active')) $(this).find('span')
            else $(this).find('span')
        })
    });

当有人点击某个按钮时，登录表单会下降。但是，如果他们键入不正确的登录信息并且页面重新加载并在表单下方显示错误消息，那么如何单击其按钮并显示表单？现在，如果他们输入错误的信息，页面会重新加载并且他们没有登录。要查看错误，您必须单击以下拉登录表单以查看错误。这会使大多数人感到困惑，并没有多大意义。

Answer 1

如果我理解你的问题：

首先是什么：

if ($(this).hasClass('active')) $(this).find('span')
            else $(this).find('span')

如果它有.active类，那么找到跨度，如果它没有，那么无论如何都要找到跨度？然后用它做什么？

其次，在无状态模式下，您无法从上一个会话中检索任何类型的信息（例如，如果用户已尝试登录或未登录），因此您需要将其输入您的后端（PHP，节点等）或保存用户浏览器（cookies，localstorage）上的数据，在您的情况下（身份验证）不推荐。

因此，您需要让服务器回答您的登录请求，然后根据其答案，使用JavaScript（甚至更简单，更优选的CSS）向用户展示视觉呈现，并且永远不要尝试检查前端用户登录信息的验证。

我希望它有所帮助。

jquery点击功能已在页面上点击/执行

1 个答案: