Question

我有几个输入字段需要过滤输入。我把它们放在一个类中并使用正则表达式将字符限制为数字，字母和下划线。这工作正常，但是当我从一个输入字段切换到下一个输入字段时，光标移动到输入文本的末尾。我希望它能够突出显示，以便在需要时可以输入它，而不必先用鼠标突出显示它。

<input type="input" class="jqfc" value="one"><br>
<input type="input" class="jqfc" value="two"><br>    
<input type="input" class="jqfc" value="three"><br>    
<input type="input" value="highlights"><br>    


jQuery('.jqfc').keyup(function () {
      this.value = this.value.replace(/[^a-z0-9\_]/gi, "");
});

样品： http://jsfiddle.net/ngwr6/2/

Answer 1

jQuery('.jqfc').keyup(function (e) {
  if (e.keyCode !== 9){
    this.value = this.value.replace(/[^a-z0-9\_]/gi, "");
  }
});

这样，如果按Tab键，它将不会运行逻辑。我想过做select()这样的事情，但每次打字都会发生这种情况。

Answer 2

这应该是诀窍：

jQuery('.jqfc').keyup(function () {
    var regex = /[^a-z0-9\_]/gi;
    if(this.value.match(regex)){
        this.value = this.value.replace(regex, "");
    }

});

jQuery('.jqfc').on('focus, click', function(){
        this.select();
});

http://jsfiddle.net/ngwr6/5/

正则表达式覆盖html输入字段中的文本

2 个答案: