jQuery的輸入值

Question

我們在頁面上的一些input元素：

<input type="text" class="lovely-input" name="number" value="" /> 

用戶類型許多，他希望看到的。

如何查看此輸入值。有一些選擇？它們是：

1. 如果用戶鍵入的數字超過100，改變輸入的值（對飛，不刷新頁面），以100
2. 如果他類型的數字小於1，把值設爲1

Answer 1

使用keyup事件，而不是：

$(".lovely-input").keyup(function(e) { 
    var $this = $(this); 
    var val = $this.val(); 
    if (val > 100){ 
     e.preventDefault(); 
     $this.val(100); 
    } 
    else if (val < 1) 
    { 
     e.preventDefault(); 
     $this.val(1); 
    } 
}); 

這裏有一個working fiddle。

Answer 2

jquery validation plugin將處理您的最大和最小值要求。

至於變化的輸入：

$("#number_input").change(function() { 
    if($("#number_input").val() < 1) 
    $("#number_input").val(1); 
});