请问老师，怎么改后输入框输入空格后会提示输入错误
<!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'),
span = $('span');
input.focus(function(){
span.text('请输入用户名');
input.css('border-color','');
});
input.blur(function(){
// if (input.val()=='') {
// span.text('用户名不能为空');
// input.css('border-color','red');
// }else{
// span.text('');
// input.css('border-color','green');
// }
input.val()==''?(span.text('用户名不能为空'),input.css('border-color','red')):(span.text(''),input.css('border-color','green'));
})
})
</script>
</body>
</html>0
收起
正在回答
2回答
同学你好，空格键也是有效的输入，如果不允许用户输入空格，可以多加一个不允许输入空格的判断。
代码参考：
如果帮助到了你，欢迎采纳，祝学习愉快~
前端小白入门系列课程
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36712 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星