马上注册,结交更多好友,享用更多功能^_^
您需要 登录 才可以下载或查看,没有账号?立即注册
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>
没啥问题啊,鼠标点进input 就显示 密码不能为空 你就是这样设计的啊
和提交按钮没关系啊 提交只不过把参数构造到url里 发送get请求
|