JS中click失效的可能原因！！！！

狗头实习生

于 2021-09-25 15:25:24 发布

阅读量6.4k

点赞数 2

文章标签： js

本文链接：https://blog.csdn.net/qq_53344479/article/details/120472282

版权

先看我的代码

<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"/>

狗头实习生

关注

2
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
1
评论
JS中click失效的可能原因！！！！

先看我的代码<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">
复制链接

扫一扫