jQuery用户登录提示不能为空

我的大男子主义

于 2022-03-27 20:12:58 发布

阅读量3.8k

点赞数 3

分类专栏： web前端文章标签： jquery 登录界面

本文链接：https://blog.csdn.net/lf1949/article/details/123780316

版权

web前端专栏收录该内容

13 篇文章 5 订阅

订阅专栏

用jQuery编写登录界面提示账号密码不能为空

题目
代码展示

题目

自定义登录校验

用户输入用户名和密码

输入的用户名和密码不能为空

如果用户输入的用户名或者密码为空,你就提示它用户名不能为空或者密码不能为空.

注：只是实现了验证不能为空的基本原理，并未对页面进行美化

代码展示

<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jQuery/jquery-3.6.0.min.js"></script>
    <script>
        $(function (){
            $("#username").blur(function (){
                if ($("#username").val()==""||$("#username").val()==null){
                    alert("用户名不能为空");
                }
            })
            $("#password").blur(function (){
                if ($("#password").val()==""||$("#password").val()==null){
                    alert("密码不能为空");
                }
            })

        });
    </script>
</head>
<body>
<div id="div1" align="center">
    <h3>登录</h3>
    <div id="div2">
        用户名：<input type="text" id="username"/>
    </div>
    <div id="div3">
        密码：<input type="password" id="password"/>
    </div>
</div>

</body>
</html>

我的大男子主义

关注

3
点赞
踩
8

收藏

觉得还不错? 一键收藏
打赏
0
评论
jQuery用户登录提示不能为空

用jQuery编写登录界面提示账号密码不能为空题目代码展示题目自定义登录校验用户输入用户名和密码输入的用户名和密码不能为空如果用户输入的用户名或者密码为空,你就提示它用户名不能为空或者密码不能为空.注：只是实现了验证不能为空的基本原理，并未对页面进行美化代码展示<!DOCTYPE html><html ><head> <meta charset="UTF-8"> <title>Title</title&gt
复制链接

扫一扫