Ootme 发表于 2020-4-13 18:07:53

新手求助 关于jquery事件绑定的问题

我代码是在加载完,执行函数,那个函数是绑定事件的函数。为什么绑定事件的函数在事件还没触发就已经执行了。。。
<!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,.item input').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>

Ootme 发表于 2020-4-13 18:10:01

就事件还没触发,但是已经执行一次函数了
我还没按下   ‘提交’,那个span语句就已经显示了

wp231957 发表于 2020-4-13 19:13:25

Ootme 发表于 2020-4-13 18:10
就事件还没触发,但是已经执行一次函数了
我还没按下   ‘提交’,那个span语句就已经显示了

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

和提交按钮没关系啊   提交只不过把参数构造到url里发送get请求

Ootme 发表于 2020-4-14 14:32:12

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

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

那怎样才能让 '密码不能为空 '在按下提交按钮的时候才显示啊..
我本意不是这样的- -,我还以为这个判断函数是在按下按钮才触发的{:10_266:}

Ootme 发表于 2020-4-14 14:39:58

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

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

我懂了我绑定错事件了= =,没有好好检查代码就出来提问的下场 哎。。。
页: [1]
查看完整版本: 新手求助 关于jquery事件绑定的问题