javaScript实现登录（简陋）

茶卡丶小雨

已于 2022-06-17 20:28:08 修改

阅读量816

点赞数

分类专栏： js、笔记案例实现文章标签： javascript 前端开发语言

于 2022-06-17 20:25:00 首次发布

本文链接：https://blog.csdn.net/qq_67674653/article/details/125339703

版权

这篇博客介绍了使用JavaScript实现登录功能的初步尝试，目前代码仍有优化空间。后续计划加入功能，使得特定账号登录成功后能自动跳转至下一页。HTML部分作为学习案例，而CSS表单设计则有待提升。

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

javaScrip部分有待优化，后续会实现指定账号登录成功后转跳至下一个页面；

<script>
        // 1. 获取节点对象
    let username = $('.username');
    let psd = $('.psd');
    let send = $('.send');

    // 保存数据

    let info = {

    };

    // 校验焦点  （账号）
    username.onblur = function(){
        
        let values = this.value; // 定义
        
        if(!values){  //不等于或者等于时执行什么条件
            this.style.border = '2px solid red';
                    // 不等于
        }else{
            this.style.border = '2px solid green';
                // 等于后
            info.username = values;
        }
    }

    // 校验焦点 （密码）

    psd.onblur = function(){

        let values = this.value;  //定义

        if(!values){
            this.style.border = '2px solid red';
        }else{
            this.style.border = '2px solid green';