老师看一下
来源：4-3 编程练习
精慕门407314
2019-12-19 13:50:55
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>习题</title>
</head>
<body>
<input type="text" value=""><span></span>
<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>
<script>
//此处写代码
$(document).ready(function(){
$("input").blur(function(){
if($(this).val()){
$(this).css({"borderColor":"green"})
}else{
$(this).css({"borderColor":"red"})
}
if($(this).val()){
$("span").text("")
}else{
$("span").text("请输入用户名")
}
})
$("input").focus(function(){
if($(this).val()){
$("span").text("")
}else{
$("span").text("请输入用户名")
}
$(this).css({"borderColor":"#ccc"})
})
})
</script>
</body>
</html>
1回答
-
好帮手慕糖
2019-12-19
同学你好，代码问题如下：
1、如下，鼠标移出的时候，设置的内容应该是"用户名不能为空"
2、代码还可以优化下，失去焦点这里，边框颜色可以与提示信息在一个if语句中设置，例：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
