如何使用普通的javascript来防止输入字段中的空格 [英] How prevent whitespace in input field with plain javascript

问题描述

我有一个用户名输入字段，并试图阻止用户用空格填充它们。

I have an username input field and trying to prevent user fill them with white spaces.

<input type="text" name="username" />

我这样做，空格未被阻止

i do this and whitespace isn't blocked

var
  field = document.querySelector('[name="username"]');

field.addEventListener('keypress', function ( event ) {  
   var 
     key = event.keyCode;

   return (key !== 32);
});

推荐答案

使用 event.preventDefault 以防止其默认行为。

Use event.preventDefault to prevent its default behavior.

var field = document.querySelector('[name="username"]');

field.addEventListener('keypress', function ( event ) {  
   var key = event.keyCode;
    if (key === 32) {
      event.preventDefault();
    }
});

<input type="text" name="username" />

如果你想使用 return false; ，那么你应该使用 onkeypress 输入， jsfiddle

If you want to use the return false;, then you should use the onkeypress of the input instead, jsfiddle

field.onkeypress = function(e) {
   var  key = e.keyCode;
   return (key !== 32);
};

这篇关于如何使用普通的javascript来防止输入字段中的空格的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！