登录界面转换实现html,HTML登录界面的实现

news/2025/2/27 11:24:58

实现这个界面非常简单,以前就学过静态网页的开发,虽然学的不精,但还是懂一些的。

这次主要是实现对用户名,密码的验证,即验证用户名和密码是否为空,没什么说的,直接看代码吧

d6f90a6ca308eb572cc3bd6e778b7351.png

用户登录

function loginClick() {

var name=document.login.username.value;

var pwd=document.login.password.value;

if(name==null||name.length==0){

alert("用户名不能为空!");

return;

}

if(pwd==null||pwd.length==0){

alert("密码不能为空!");

return;

}

document.login.submit();

}


http://www.niftyadmin.cn/n/1270907.html

相关文章

js通过fileReader获取图片的base64格式(pc端和手机端都可以,但是要先在页面中创建dom)...

1 // 创建一个FileReader对象 2 var reader new FileReader();3 4 // 绑定load事件5 reader.onload function(e) {6 console.log(e.target.result);7 }8 9 // 读取File对象的数据10 reader.readAsDataURL(document.querySelector("input[typefile]").files[0])…

html视频播放后自动跳转到页面,【Web前端问题】html视频播放完后跳转

案例#modelView{background-color:#DDDDDD;z-index:0;opacity:0.7;height: 100%;width: 100%;position: relative;}.playvideo{padding-top: auto;z-index: 9999;position: relative;}.zy_media{z-index: 999999999}您的浏览器不支持HTML5视频//document.documentElement.style…

elasticsearch-更新文档

2019独角兽企业重金招聘Python工程师标准>>> 更新整个文档 文档在Elasticsearch中是不可变的——我们不能修改他们。如果需要更新已存在的文档,我们可以使用《索引文档》章节提到的index API 重建索引(reindex) 或者替换掉它。 PUT /website/blog/123 {&…

Cocos Creator socket.io打包Apk后无法连接

最近在使用Cocos Creator 1.7版本开发一款棋牌游戏,在浏览器中运行正常,但在模拟器里或打包成Apk后,socket.io总是连接失败,具体提示 内容如下: IOS没有试,估计也是一样。百度了很久,看到有人说可能是Cocos…

html5数据超出显示省略号,h5文字超出,两行显示,超出显示省略号

最近接到一个需求,要求商场导航里的文字最多显示两行,超出两行的省略号显示,查一些资料,又根据自己的需求,改了很多,直接上代码吧.main{width: 360px;border: 1px solid #ccc;overflow: hidden;}.child{flo…

Vue基础知识总结(一)

一、基本语法:  1、实例化:new Vue({})  2、el:一定是根容器元素(vue的作用域就是这个根元素内),就是写选择器    data:用于存储数据   methods:定义方法&#xff08…

android如何预留导航键空间,Android 下面导航栏虚拟按键位置调整

Windows系统cmd里安装adb将手机用数据线连接电脑在cmd里输入adb shell出现 $或# 后如果想左边是多任务,右边是返回键,就输入settings put secure sysui_nav_bar "space,recent;home;back,space"如果想左边是返回键,右边是多任务&am…

设计模式之Adapter模式

2019独角兽企业重金招聘Python工程师标准>>> 什么时候使用适配器模式 一定有人看到适配器模式就会有疑问“如果某个方法就是我们所需要的方法,那么我们直接调用不就可以了,为什么会考虑用适配器模式呢”。 如果用适配器模式,那么我…