请问老师,怎么改后输入框输入空格后会提示输入错误
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 | <!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积分~
来为老师/同学的回答评分吧