console
$(function(){
$("input:button").click(()=>{
let uname=$("input:eq(0)").val()
let pwd=$('input:eq(1)').val()
if(uname==null||uname.length===0){
$("input:eq(0)").next().text("用户名不能为空")
}
if(pwd==null||pwd.length<4){
$("input:eq(1)").next().text("密码不能为空/长度不能小于4位")
}
})
$("input:eq(0)").blur(()=>{
let uname=$(this).val()
if(uname==null||uname.length===0){
$("input:eq(0)").next().text("用户名不能为空")
}
})
$("input:eq(1)").blur(()=>{
let pwd=$(this).val()
if(pwd==null||pwd.length<4){
$("input:eq(1)").next().text("密码不能为空/长度不能小于4位")
}
})
$("input:eq(0)").focus(()=>{
$("input:eq(0)").next().text('')
})
$("input:eq(1)").focus(()=>{
$("input:eq(1)").next().text('')
})
})
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<form>
<div>
<input placeholder="用户名"/>
<span></span>
</div>
<div>
<input placeholder="密码"/>
<span></span>
</div>
<div>
<input type="button" value="登录"/>
</div>
</form>