js实现登录后显示用户名，javascript用户登录

js实现点击输入用户名或密码的文本框在旁边弹出提示语

onclick=disp_prompt() value=显示一个提示框 / 注意事项：JS是javascript的缩写，是一种用于web开发的脚本代码。打开任何网页，右键点击查看源代码，开始是javascript代码JQ是JQuery的缩写，是将一些强大的JS代码写进一个文件中，可以通过参考JQ实现更简单方便的JS使用。

需要准备的材料分别有：电脑、浏览器、html编辑器。首先，打开html编辑器，新建html文件，例如：index.html，输入问题基础代码。在index.html中的标签中，输入js代码：function fun() { alert(click success！)；} 浏览器运行index.html页面，此时点击按钮弹出了提示框。

可以直接用js自带的prompt方法。定义和用法 prompt() 方法用于显示可提示用户进行输入的对话框。语法 prompt(text，defaultText)参数 text 可选。要在对话框中显示的纯文本（而不是 HTML 格式的文本）。defaultText 可选。默认的输入文本。说明 如果用户单击提示框的取消按钮，则返回 null。

浏览器。首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签，输入js代码：error()；function error() { (input).after(用户名不存在)；} 浏览器运行index.html页面，此时输入框后面会显示出红色错误提示。

直接在按钮点击的时候，加一个事件，在js代码中获取文本框的长度啊，如果长度为0就弹出对话框。 破碎心7 | 发布于2013-04-04 举报| 评论 0 0 打印出 alert(请先登陆)； window.location=../login.jsp 即可。不过还要注意用户禁用了js的情况。

相关问答

Q1: 如何js获取cookie并在html上显示用户名

用户登录的时候，都会把登录信息保存到cookies的，然后用js代码读取用户cookies，如果cookies存在就是登录成功了。这个你可以自己搜索一下js读取cookies，网上有相关代码。当然，严格的程序还会利用js的AJAX或其他方法去数据库中判断一下用户名和密码是否正确，防止cookies伪造给程序带来安全隐患。

如图所示操作代码即可：登录页面实现记住用户名和密码功能的方法：使用cookie的方法将用户名和密码保存到本地电脑上；PS在页面载入时获取cookie；在勾选时设置一个cookie的有效时间就可以了。

name=+username；读取：var username=document.cookie.split(；)[0].split(=)[1]；如果信息量大，可以考虑用localstorage，现在主流浏览器都支持本地存储。

首先需要稍微了解一下cookie的结构，简单地说：cookie是以键值对的形式保存的，即key=value的格式。各个cookie之间一般是以“；”分隔。

用浏览器打开网页，有写站需要获取登录后的COOKIE的话就登录一下。用鼠标在页面右键，选择“检查”来调用出COOKIE获取界面；在网页右键点选“检查”，或者快捷键Ctrl+Shift+I，或者直接按F12打开“检查”页面。在检查页面选择“Network”（网络）标签，打开过滤器。

在你的页面要显示用户名的位置，加一个script引用，这个script引用的文件是一个php文件，用这个PHP文件来获取当前登陆的用户名，并输出给前台显示。

Q2: js点击记住账号实现记住用户名和密码

1、使用cookie的方法将用户名和密码保存到本地电脑上；PS在页面载入时获取cookie；在勾选时设置一个cookie的有效时间就可以了。

2、用纯js实现点击“记住用户名”按钮，刷新之后用户名依旧在页面的效果方法如下：登录成功之后，把登录信息加密后保存在cookie里面。然后建一个js文件，在这个文件里面做用户是否已登录的判断！如果登录了就直接显示该页面，如果没登录，就跳转回登录页面。这个js文件在登录后才能看到的页面都做引用。

3、cookie，那么会继续检查我们指定的 cookie 是否已储存。如果找到了我们要的 cookie，就返回值，否则返回空字符串。最后，我们要创建一个函数，这个函数的作用是：如果 cookie 已设置，则显示欢迎词，否则显示提示框来要求用户输入名字。

4、JavaScript没有提供根据cookie名来获取cookie值的方法。上面已经讲过了，document.cookie只是一个字符串而已，我们就对其进行字符串解析即可。

Q3: javascript怎样实现用户登录显示用户名,未登录显示请登录

如jQuery等~弹出一个登陆对话框，在登陆的使用一般使用Ajax技术，因为输入用户名，密码的时候，点击确定，如果出现错误，用户是不希望页面全部被刷新，而是希望系统给出错误原因。并给出视觉上的提示。

在jsp页面上增加submit登陆提交按钮，点击登陆提交按钮后触发判断用户名和密码的方法，在此方法中获取输入的用户名和密码与正确的用户名和密码进行判断即可。

你是登录之后还是在本页吧！你可以先弄两个层或者面板，一个用于用户登录，一个用于显示用户信息。当然两个必须只能显示一个。先隐藏用户信息的，等用户登录成功后，在修改各自的属性，隐藏登录层显示用户信息层…楼上的方法也可以的，不过需要你了解JS。

制作网页时如何添加用户登录(用户名登录密码的那种)。使用JavaScript实现。

js实现登录后显示用户名的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于javascript用户登录、js实现登录后显示用户名的信息别忘了在本站进行查找喔。