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);
    }
});

这是一个工作小提琴.