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 .