JavaScript   发布时间:2022-04-16  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了JavaScript登录验证基础教程大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享了js登录验证的具体代码,供大家参,具体内容如下

1.@H_450_4@的三种用法:

1.放在中

2.放在中

欢迎你,请先登陆!

@H_450_4@ document.getElementById('demo').innerHTML = Date()

BACkground-color: aquamarine">

password" name="psw">


BACkground-color: aquamarine"> 版权信息@

3.放在外部JS文件中

运行截图:

JavaScript登录验证基础教程

三种输出数据的方式:

1.使用 document.write() 方法将内容写到 HTML 文档中。

2.使用 window.alert() 弹出警告框。

3.使用 innerHTML 写入到 HTML 元素。

1).使用 "id" 属性来标识 HTML 元素。

2).使用 document.getElementById(id) 方法访问 HTML 元素。

3).用innerHTML 来获取或插入元素内容。

代码如下

欢迎你,请先登陆!

@H_450_4@ document.getElementById('demo').innerHTML = Date()

运行截图:

JavaScript登录验证基础教程

3.登录页面准备:

1.增加错误提示框。

2.写好HTML+CSS文件。

3.设置每个输入元素的id

4.定义JavaScript 函数。

1.验证用户名6-20位

2.验证密码6-20位

5.onclick调用这个函数。

html代码如下:

欢迎你,请先登陆!