JS登录界面代码

最新推荐文章于 2021-04-06 08:53:34 发布

An乔

最新推荐文章于 2021-04-06 08:53:34 发布

阅读量3.6k

点赞数 1

分类专栏：笔记

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/anqky/article/details/113580878

版权

这篇博客展示了如何使用JavaScript实现一个简单的登录界面验证。代码中包含获取输入元素、设置点击事件监听器、验证用户名和密码是否为空以及邮箱格式是否正确等功能。当验证成功后，页面会跳转到指定URL。

摘要由CSDN通过智能技术生成

js登录界面代码自用
var btn = document.getElementById(“a4”);
var usne = document.getElementById(“username”);
var psw = document.getElementById(“password”);
var usneTips1 = document.getElementById(“username-tips1”);
var usneTips2 = document.getElementById(“username-tips2”);
var pswTips = document.getElementById(“password-tips”);
var secTips = document.getElementById(“success-tips”);
btn.onclick = function () {
var usneValue = usne.value;
var pasValue = psw.value;
if(usneValue == “”&& pasValue==""){
noneAll();

pswTips.style.display=“inline”;
usneTips2.style.display=“inline”;

}else if(usneValue != “”&& pasValue==""){
noneAll();
pswTips.style.display=“inline”;
}else if(usneValue == “”&& pasValue!=""){
noneAll()

最低0.47元/天解锁文章

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

An乔 CSDN认证博客专家 CSDN认证企业博客

码龄4年

6: 原创

106万+: 周排名

148万+: 总排名

1万+: 访问

: 等级

190: 积分

8: 粉丝

10: 获赞

3: 评论

37: 收藏

私信

关注

热门文章

分类专栏

笔记 5篇

最新评论

html 【一个简单的用户登录页面代码】
An乔: <!DOCTYPE html> <html> <head> <title>用户登录.html</title> <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> <meta http-equiv="description" content="this is my page"> <meta http-equiv="content-type" content="text/html; charset=UTF-8">  </head> <body> <form name="user" action="#" method="get"> <table align="center"> <tr> <td>用户名</td> <td> <input type="text" name="username" /> </td> </tr> <tr> <td>密码</td> <td> <input type="password"/> </td> </tr> <tr> <td>性别</td> <td> <input type="radio" name="name" checked="checked"/>男 <input type="radio" name="name"/>女 </td> </tr> <tr> <td>地址</td> <td> <select> <option>北京</option> <option>天津</option> <option>上海</option> </select> <select> <option>海淀区</option> <option>朝阳区</option> <option>昌平区</option> </select> </td> </tr> <tr> <td>爱好</td> <td> <input type="checkbox" name="sport" checked="checked"/>运动 <input type="checkbox" name="basketball"/>篮球 <input type="checkbox" name="volleyball"/>排球 </td> </tr> <tr> <td>邮箱</td> <td> <input type="text" name="emall" /> </td> </tr> <tr> <td>电话号码</td> <td> <input type="text" name="phone" /> </td> </tr> <tr> <td>上传头像</td> <td> <input type="file" name="file" /> </td> </tr> <tr> <td>其他</td> <td> <textarea rows="15" cols="50"></textarea> </td> </tr> <tr> <td></td> <td> <input type="button" value="普通按钮"/> <input type="submit" name="tijiao" value="注册"/> <input type="reset" name="quxiao" value="取消"/> </td> </tr> <tr> <td></td> <td> <input type="image" name="img" src="btn.gif"/> </td> </tr> </table> </form> </body> </html>
JS登录界面代码
盼盼编程: 厉害了！顶！欢迎一回访起交流!

最新文章

目录

评论 1

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。