Question

我是JavaScript新手，如果我在这方面获得帮助，我会很高兴的。我希望我的登录表单替换为“用户名”和用户的图像。我怎样才能做到这一点。以下是我的HTML表单：

<li style="margin-right:5px; margin-top:12px">
              <div id="login">
                <form id="login-form" METHOD="post">
                <input class="form-control form-control-default" id="username" name="user" placeholder="username" type="text" style="height:25px; background-color:#fff; border: 1px solid #fff;">
            </li>
            <li style="margin-top:12px">                    
                <input class="form-control form-control-default" id="password" name="pass" placeholder="password" type="password" style="height:25px; background-color:#fff; border: 1px solid #fff;">                
            </li>
            <li><input type="hidden"  name="is_login" value="1"  /></li>
            <li style="margin-top:5px">
                <button class="btn btn-flat waves-button waves-effect" style="background-color:transparent" onclick="Alert.render('And you also smell very nice.');" type="submit" id="submit">Sign In</button>
                </form>
              </div>
            </li>

Answer 1

在进行表单提交时，您必须从登录方法执行服务器端重定向

Answer 2

要处理会话（登录和注销），您需要一种服务器端编程语言。如果您还不知道任何服务器端的语言，我建议您学习服务器端的流行语言，如PHP，Python或JavaScript，如NodeJS或Meteor。如果您需要，Code Academy为其中许多人提供了很好的教程！

Here's a really good tutorial to make a simple todo list with session handling, in Meteor。我真的很喜欢这个。

Here's a tutorial/example of session handling in PHP。我还没读过这一切;我刚刚使用Google搜索“简单的PHP登录”，检查代码是否具有良好的可读性，并搜索“注入”一词以检查其作者是否对安全性的关注程度最低。

在您的网站中实际使用代码之前，请阅读SQL injection，特别是如果您要使用SQL对用户进行身份验证（但即使您不打算使用SQL，仍然值得阅读）。另外，学习HTML＆amp; CSS良好实践，从长远来看，它将为您节省时间。

成功登录后替换我的登录表单

2 个答案: