老师有 问题
来源：4-3 编程练习
小丁同学ddd
2020-03-01 19:59:05
<!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(){
var input = $('input');
var span = $('span');
$('input').focus(function(){
span.text('请输入用户名');
})
$('input').blur(function(){
if (input.text() == '') {
span.text('用户名不能为空');
input.css('border-color','red');
} else{
input.css('border-color','green');
span.text('');
}
})
})
</script>
</body>
</html>
2回答
-
好帮手慕码
2020-03-02
同学你好，效果正确。另，请问同学是问开始的代码“input.value == ''”为什么没有效果吗？因为jquery中获取表单元素值用的是val()方法，元素.value是js中的，不能混用。
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0 -
小丁同学ddd
提问者
2020-03-01
<!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(){
var input = $('input');
var span = $('span');
$('input').focus(function(){
span.text('请输入用户名');
input.css('border','1px solid gray')
})
$('input').blur(function(){
if (input.val() == '') {
span.text('用户名不能为空');
input.css('border-color','red');
} else{
input.css('border-color','green');
span.text('');
}
})
})
</script>
</body>
</html>
刚才弄错了这回是，为什么用input.value会不好用呢0
相似问题