Javascript 登录表单操作

我有一个登录表单，但我不知道如何使它发挥作用。我想让它只让我在一个列表中的人登录，其他人不能登录。就像在一家公司一样，只有该公司的员工才能登录。另外，当该用户登录时，我想让其转到PF1.1.html，并保存用户名以显示在html页面的右下角，这样就可以知道启动了谁的会话。我不知道我是否说得足够清楚，但提供了一些反馈，所以我试着更好地解释

$（文档）.ready（函数（）{
var状态=假；
//$（“输入：文本：可见：第一”）.focus（）；
$（'#accesspanel'）。在（'submit'，函数（e）上{
e、 预防默认值（）；
状态=！状态；
如果（州）{
document.getElementById（“litheader”）.className=“poweron”；
document.getElementById（“go”）.className=“”；
document.getElementById（“go”）.value=“初始化…”；
}否则{
document.getElementById（“litheader”）.className=“”；
document.getElementById（“go”）.className=“拒绝”；
document.getElementById（“go”）.value=“拒绝访问”；
}
});
});
@导入url(https://fonts.googleapis.com/css?family=Audiowide);
：-moz选择{
背景：#cc0000；
文本阴影：无；
}
：：选择{
背景：#cc0000；
文本阴影：无；
}
html，body，div，span，applet，object，iframe，h1，h2，h3，h4，h5，h6，p，blockquote，pre，a，abbr，缩写词，address，big，cite，code，del，dfn，em，img，ins，kbd，q，s，samp，small，strike，strong，sub，sup，tt，var，b，u，i，center，dl，dt，dd，dd，ol，ul，li，fieldset，form，label，ledge，table，table，table，table，title，tbody，tfoot，thead，tr，th，th，td，article，article，side，canvas，detail，detail，bed，bedded，str，组、菜单、导航、输出、ruby、节、摘要、时间、标记、音频、视频{
边界：0；
字体：继承；
字体大小：100%；
保证金：0；
填充：0；
垂直对齐：基线；
文本呈现：优化易读性；
}
文章、旁白、详细信息、图表、页脚、页眉、H组、菜单、导航、章节{
显示：块；
}
html，正文{
身高：100%；
保证金：0；
填充：0；
}
身体{
颜色：#FFF；
字体系列：“Helvetica Neue Light”，“Helvetica Neue”，Helvetica，Arial，“Lucida Grande”，无衬线；
字体大小：12px；
线高：1；
}
.背景包装{
宽度：100%；
身高：100%；
位置：绝对位置；
排名：0；
左：0；
z指数：-1；
溢出：隐藏；
}
* {
框大小：边框框；
游标：默认值；
大纲：无；
}
形式{
背景：#111；
边框：1px实心#191919；
边界半径：.4em；
底部：0；
盒影：0 5px 10px 5px rgba（0,0,0,0.2）；
高度：1000px；
左：0；
保证金：自动；
溢出：隐藏；
位置：绝对位置；
右：0；
排名：0；
宽度：1500px；
}
形式：后{
背景：线性梯度（向右，#111111，#444444，#B6B8，#444444，#2F2F，#2727）；
内容：“；
显示：块；
高度：1px；
左：50px；
位置：绝对位置；
排名：0；
宽度：150px；
}
形式：以前{
边界半径：50%；
盒影：0 0 6px 4px#fff；
内容：“；
显示：块；
高度：5px；
左：34%；
位置：绝对位置；
顶部：-7px；
宽度：8px；
}
.插图{
边框顶部：1px实心#19191a；
填充：20px；
}
表格h1{
字体系列：“Audiowide”；
边框底部：1px实心#000；
字体大小：200px；
填充：15px0；
位置：相对位置；
文本对齐：居中；
文本阴影：0 1px 0#000；
}
表格h1{
颜色：#FFbb00；
字体系列：音频范围；
字体大小：正常；
}
表格h1.POWERN{
颜色：#ffffff；
过渡：均为0.5s；
动画：闪烁1s缓进缓出1交替，霓虹灯1.5s缓进缓出无限交替；
动画延迟：0s，1s；
}
表格h1：之后{
位置：绝对位置；
宽度：250px；
高度：180像素；
内容：“；
显示：块；
指针事件：无；
排名：0；
左边距：138px；
变换风格：平直；
变换：倾斜（20度）；
背景：-moz线性梯度（顶部，hsla（0,0%，100%，0.1）0%，hsla（0,0%，100%，0）100%）；
背景：-webkit渐变（线性、左上、左下、颜色停止（0%，hsla（0,0%，100%，0.2））、颜色停止（100%，hsla（0,0%，100%，0））；
背景：-webkit线性梯度（顶部，hsla（0,0%，100%，0.1）0%，hsla（0,0%，100%，0）100%）；
背景：-o-线性梯度（顶部，hsla（0,0%，100%，0.1）0%，hsla（0,0%，100%，0）100%）；
背景：-ms线性梯度（顶部，hsla（0,0%，100%，0.1）0%，hsla（0,0%，100%，0）100%）；
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#42ffffff'，endColorstr='#00ffffff'，GradientType=0）；
背景：线性梯度（至底部，hsla（0,0%，100%，0.1）0%，hsla（0,0%，100%，0）100%）；
}
输入[类型=文本]，输入[类型=密码]{
背景：线性梯度（#1f2124，#27292c）；
边框：1px实心#222；
边界半径：.3em；
盒影：0 1px 0 rgba（255255,0.1）；
颜色：#FFF；
字体大小：150px；
边缘底部：20px；
填充：20px 10px；
宽度：100%；
}
输入[类型=文本]：禁用，输入[类型=密码]：禁用{
颜色：#999；
}
标签[用于=记住]{
颜色：#bbb；
显示：内联块；
高度：20px；
线高：20px；
垂直对齐：顶部；
填充：0 5px；
}
.p-货柜{
填充：0 20px 20px；
}
.p-集装箱：之后{
明确：两者皆有；
内容：“；
显示：表格；
}
.p-集装箱跨度{
颜色：#0d93ff；
显示：块；
浮动：左；
填充顶部：8px；
}
输入[类型=提交]{
背景：fb0；
边框：1px实心rgba（0,0,0,0.4）；
边界半径：.3em；
盒影：插入0 1px 0 rgba（255255255,0.3），插入0 10px 10px rgba（255255,0.1）；
颜色：#873C00；
光标：指针；
字体大小：100px；
字体大小：粗体；
高度：150像素；
填充：20px 20px；
宽度：100%；
}
.否认{
颜色：白色！重要；
文本阴影：0 1px黑色；
背景：#EE0000！重要；
}
输入[类型=提交]：悬停，输入[类型=提交]：焦点{
盒影：插入0 1px 0 rgba（255255255,0.3），插入0-10px 10px rgba（255255,0.1）；
}
输入[type=text]：悬停：非（[disabled]），
输入[类型=文本]：焦点，
输入[类型=密码]：悬停：不（[禁用]），
输入[类型=密码]：焦点，
标签：悬停~in