先看我的代码
<body>
<div style="text-align: center">
<form action="/login" method="post" id="loginForm">
姓名：<input type="text" name="uname" id="uname"><br>
密码：<input type="password" name="upwd" id="upwd"><br>
<span id="msg" style="font-size: 12px;color: red"></span><br>
<button type="button" id="loginBtn">登录</button>
<button type="button">注册</button>
</form>
</div>
</body>
<%--引入JQuery的js文件--%>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
<%--
1.给登录按钮绑定点击事件(通过id选择器绑定)
2.获取用户姓名和密码的值
3.判断姓名是否为空
如果姓名为空，提示用户（span标签赋值），并且return
4.判断密码是否为空
如果密码为空，提示用户（span标签赋值），并且return
5.如果都不为空，则手动提交表单
--%>
$("#msg").html("用户姓名不可为空!");
$("#loginBtn").click(function (){
//获取用户姓名和密码的值
var uname = $("#uname").val();
var upwd = $("#upwd").val();
$("#msg").html("用户姓名不可为空!");
//判断名字是否为空
if(isEmpty(uname)){
//如果姓名为空，提示用户（span标签赋值），并且return html()
$("#msg").html("用户姓名不可为空！");
return;
}
//判断密码是否为空
if(isEmpty(upwd)){
//如果密码为空，提示用户（span标签赋值），并且return html()
$("#msg").html("用户密码不可为空！");
return;
}
//如果都不为空，则手动提交表单
$("#loginForm").submit();
});
当时跟着视频学的，但是总是运行不出效果，我一直以为是click出现了问题上网搜了很多资料，结果却是因为。。。
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>我当时图省事，将上面代码写成了下面代码，导致我改了一天的bug！！！！！！！
真的长记性了！！！
<script type="text/javascript" src="js/jquery-3.4.1.js"/>我真傻，真的！！！