新手求助 关于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> 就事件还没触发,但是已经执行一次函数了
我还没按下 ‘提交’,那个span语句就已经显示了 Ootme 发表于 2020-4-13 18:10
就事件还没触发,但是已经执行一次函数了
我还没按下 ‘提交’,那个span语句就已经显示了
没啥问题啊,鼠标点进input就显示 密码不能为空你就是这样设计的啊
和提交按钮没关系啊 提交只不过把参数构造到url里发送get请求 wp231957 发表于 2020-4-13 19:13
没啥问题啊,鼠标点进input就显示 密码不能为空你就是这样设计的啊
和提交按钮没关系啊 提交只 ...
那怎样才能让 '密码不能为空 '在按下提交按钮的时候才显示啊..
我本意不是这样的- -,我还以为这个判断函数是在按下按钮才触发的{:10_266:} wp231957 发表于 2020-4-13 19:13
没啥问题啊,鼠标点进input就显示 密码不能为空你就是这样设计的啊
和提交按钮没关系啊 提交只 ...
我懂了我绑定错事件了= =,没有好好检查代码就出来提问的下场 哎。。。
页:
[1]