javascript - 仅阻止在 from 文本字段中输入空格

Question

我有一个文本字段，用户必须在其中输入他们的姓名。我遇到的问题是阻止用户只输入空格。我希望用户能够使用空格，但前提是他们有其他字符(abc、ABC、1-9 等)。我怎样才能阻止他们只进入空格？这可以通过 onkeyup 或 onkeypress 来完成吗？

Answer 1

尝试如下所示，它将限制开头的空白

  ​$("#textareaid").on("keydown", function (e) {
  var len = $("#textareaid").val().length;
  if(len == 0)
      return e.which !== 32;
  });​​​​​

工作 DEMO

更新

上述方法有一些限制，即当用户在文本区域中输入一些字符，然后将光标移动到文本区域的第 0 个位置，然后尝试输入空格时，它将允许。下面的解决方案也克服了这个问题..

html

<textarea id="text1"></textarea>

javascript

   $("#text1").on("keydown", function (e) {
    var len = $("#text1").val().length;
    if(len == 0)
    {
        return e.which !== 32;
    }
    else 
    {
      var pos=$("#text1").getCursorPosition();
         if(pos==0)
       {


           return e.which !== 32;

       }

    }

});

$("#text1").on("keyup", function (e) {
var pos=$("#text1").getCursorPosition();
       if(pos==0)
       {

           var values =$("#text1").val();
            if(values.charAt(0)==' ')
            {
                values=values.trim();
                $("#text1").val(values);
            }
           return e.which !== 32;

       }
});

(function ($, undefined) {
    $.fn.getCursorPosition = function() {
        var el = $(this).get(0);
        var pos = 0;
        if('selectionStart' in el) {
            pos = el.selectionStart;
        } else if('selection' in document) {
            el.focus();
            var Sel = document.selection.createRange();
            var SelLength = document.selection.createRange().text.length;
            Sel.moveStart('character', -el.value.length);
            pos = Sel.text.length - SelLength;
        }
        return pos;
    }
})(jQuery);

上述代码的工作示例DEMO