javascript - 使用 Jquery 检查输入中的空格字符

Question

我有一个表单，用户将在其中设置新的用户名。问题是用户一直在创建带有空格的用户名，我想避免这种情况。

我已经能够使用以下方法检测何时存在空格:

var hasSpace = $('#usernameValue').val().indexOf(' ')>=0;

但是，当用户在该输入部分中键入内容时，我无法弄清楚如何让表单检查该空格。

我如何更改我的代码来做到这一点？

谢谢!

Answer 1

按照建议，您可以使用 keyup 功能。此示例检查您是否输入了空格并提醒用户

$('#usernameValue').keyup(function(e) {   
   if (e.which === 32)  {
     alert('you entered space');
     // Do whatever logic is needed here
   }
});

Working JsFiddle