jQuery的輸入字段更改背景，如果文本得到我目前使用jQuery來限制一個文本框，如下所示號僅輸入替換

Question

：

$('input.numbersOnly').keyup(function() { 
     this.value = this.value.replace(/[^0-9\.]/g,''); 
    }); 

我想，讓用戶知道什麼他們正在通過改變字段的背景顏色來拒絕打字。我知道，我可以用這樣的改變字段的背景：

 $('input.numbersOnly').addClass('alertClass'); 

我的問題是，我該如何將二者結合起來代碼示例上面，這樣的磁場變化作爲字符顏色越來越更換？我的目標是提醒用戶在輸入字段時輸入有問題。

謝謝！

Answer 1

你可以做這樣的事情：

$('input.numbersOnly').keyup(function() { 
    var newValue = this.value.replace(/[^0-9\.]/g,''); 
    if(this.value !== newValue) $(this).addClass('alertClass'); 
    this.value = newValue; 
}); 

這抓住新的值，確定是否你實際上更換的東西，如果是增加了alertClass。如果你想同時移除上的有效keyup值類，你可以使用.toggleClass()，像這樣：

$('input.numbersOnly').keyup(function() { 
    var newValue = this.value.replace(/[^0-9\.]/g,''); 
    $(this).toggleClass('alertClass', this.value !== newValue); 
    this.value = newValue; 
}); 

這將切換類上使用無效KEYUP，造成了價值的調整，並TOGLE其關閉，如果最後一次按鍵是一個有效的鍵，導致沒有調整。

Answer 2

像這樣：

$('input.numbersOnly').keyup(function() { 
    var oldVal = this.value; 
    this.value = this.value.replace(/[^0-9\.]/g,''); 
    if (oldVal !== this.value) 
     $(this).addClass('alertClass') 
});