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

Ootme · 发表于 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>

复制代码

最佳答案

wp231957

2020-4-13 19:13:25

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

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

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

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 就显示密码不能为空你就是这样设计的啊

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

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

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

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

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

我懂了我绑定错事件了= =，没有好好检查代码就出来提问的下场哎。。。

账号		自动登录	找回密码
密码			立即注册

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