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

我是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> 

登录

在执行表单提交时，必须从登录方法执行服务器端重定向。要处理会话（登录和注销），需要使用服务器端编程语言。如果您还不知道任何服务器端语言，我建议您学习一种流行的语言，如PHP、Python或服务器端JavaScript，如NodeJS或Meteor。如果你需要的话，有很多很好的教程

。我真的很喜欢这个

。我还没有读过所有这些；我刚刚在谷歌上搜索了“SimplePHP登录”，检查了代码的可读性是否良好，并搜索了术语“inject”，以检查其作者是否对安全性有最低限度的关注

---

在您在网站中实际使用代码之前，请阅读相关内容，特别是如果您打算使用SQL对用户进行身份验证（但即使您不打算使用SQL，也值得一读）。另外，学习HTML和CSS的良好实践，从长远来看，这将节省您的时间。

有很多方法可以实现您的目标。。。但是，在HTML代码片段中混合使用

表单

和

li

标记是怎么回事？登录表单位于导航栏上，导航栏使用

对齐可能是的输入，但您的代码段不是有效的HTML-

li

元素应该是

ul

元素的子元素（当然可以在

表单

中）。您的第一次输入有一个关闭

，但没有打开

，您的最后一次输入没有关闭

。这就是我要说的，HTML规范不允许你假装

form

和

li

标记是等价的。你的代码仍然有糟糕的嵌套元素。另外，红蜘蛛1984修复了缩进的可读性，为什么要弄乱它？这是我在成功登录`$（this）.fadeIn（200，function（）{//set timeout以隐藏响应消息setTimeout（function（）后为重读编写的代码部分{form.data（'formstatus'，'idle'）；//将用户重定向到受保护的用户页面窗口。位置='/ads'；}，3000）；}）；}否则{`您能详细说明一下吗？