鱼C论坛

 找回密码
 立即注册
查看: 2319|回复: 4

[已解决]新手求助 关于jquery事件绑定的问题

[复制链接]
发表于 2020-4-13 18:07:53 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
我代码是在加载完,执行函数,那个函数是绑定事件的函数。为什么绑定事件的函数在事件还没触发就已经执行了。。。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .item{
            width: 250px;
            height: 60px;
            position: relative;
        }
        .item input{
            width: 200px;
        }
        .item span{
            position: absolute;
            top: 20px;
            left: 20px;
            font-size: 8px;
            opacity: 0.8;
        }
    </style>
</head>
<body>
    <div>
        <form>
            <div class="item">
                <input type="text" name="username" label="用户名">
            </div>
            <div class="item">
                <input type="password" name="pwd" label="密码">
            </div>
            <input type="submit" value="提交" >
        </form>
    </div>
    <script src="jquery-3.5.0.js"></script>
<script>
    $(function () {
        BindCheck();
    });
    function BindCheck() {
        $('form input').click(function () {
            $('form .item span').remove();
            var flag=true;
            $('form .item input[type="text"],.item input[type="password"]').each(function () {
                // ($(this).parent().find('span')).remove();
                var val=$(this).val();

                if(val.length<=0){
                    var label = $(this).attr('label');
                    var tag=document.createElement('span');
                    tag.innerText=label+'不能为空';
                    $(this).after(tag);
                    flag=false;
                                   }
            });
            return flag;
        });

    }


</script>
</body>
</html>
最佳答案
2020-4-13 19:13:25
Ootme 发表于 2020-4-13 18:10
就事件还没触发,但是已经执行一次函数了
我还没按下   ‘提交’  ,那个span语句就已经显示了

没啥问题啊,鼠标点进input  就显示 密码不能为空  你就是这样设计的啊

和提交按钮没关系啊   提交只不过把参数构造到url里  发送get请求
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

 楼主| 发表于 2020-4-13 18:10:01 | 显示全部楼层
就事件还没触发,但是已经执行一次函数了
我还没按下   ‘提交’  ,那个span语句就已经显示了
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-13 19:13:25 | 显示全部楼层    本楼为最佳答案   
Ootme 发表于 2020-4-13 18:10
就事件还没触发,但是已经执行一次函数了
我还没按下   ‘提交’  ,那个span语句就已经显示了

没啥问题啊,鼠标点进input  就显示 密码不能为空  你就是这样设计的啊

和提交按钮没关系啊   提交只不过把参数构造到url里  发送get请求
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-14 14:32:12 | 显示全部楼层
wp231957 发表于 2020-4-13 19:13
没啥问题啊,鼠标点进input  就显示 密码不能为空  你就是这样设计的啊

和提交按钮没关系啊   提交只 ...

那怎样才能让 '密码不能为空 '  在按下提交按钮的时候才显示啊..
我本意不是这样的- -,我还以为这个判断函数是在按下按钮才触发的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-14 14:39:58 | 显示全部楼层
wp231957 发表于 2020-4-13 19:13
没啥问题啊,鼠标点进input  就显示 密码不能为空  你就是这样设计的啊

和提交按钮没关系啊   提交只 ...

我懂了  我绑定错事件了= =,没有好好检查代码就出来提问的下场 哎。。。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-7-2 14:29

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表