javascript - 如何使用jquery限制文本框中前导和尾随空格的使用？

Question

我有多个具有不同值的输入字段。我可以编辑它们，但不能为空(如果为空则显示警报)。当我编辑时，如果我用空格编辑它们，我会使用 trim 来不允许这样做。但是，我可以在开始和结束时使用更多空格来编辑 input中间有一个词。我不需要这个。

如何实现以下目标？

a) 不应以空格开头。

b) 如果我有一个单词，则该单词后面没有空格。

<input type="text" class="selector" value="new">
<input type="text" class="selector" value="old">
<input type="text" class="selector" value="newest">
<input type="text" class="selector" value="oldest">
<input type="text" class="selector" value="older">

$('.selector').on('blur',function () {
  var current_value = $.trim($(this).val());
  $(this).attr('value',current_value);
  console.log(current_value);
  if ($('.selector[value="' + current_value + '"]').not($(this)).length > 0 || current_value.length == 0 ) {
    $(this).focus();
    alert('You cannot use this');
  }
});

我的fiddle here

Answer 1

你应该使用这个

$(this).val(current_value);

而不是这个

$(this).attr('value', current_value);