jquery - 随时随地输入验证

Question

我想在用户在框中输入 4 位数字后验证表单 (XXXX) 中的年份，一旦用户输入了 4 位数字，我希望获得该值，以便将其传递给 ajax 调用。

<h6>What year was the car manufactured</h6>
<input name="car_year" type="text">
<div class="car_make_error car_year_error">Car Year Error</div>

jquery:

$("input[name='car_year']").change(function() {
    validate to make sure 4 digits are in the proper range and get the value of the
    4 digits
}

我知道我可以使用 key up，但我不确定是否会感激任何帮助。

编辑

我使用过这段代码:

  $(car_year).keyup(function() {
    var year = $(this).attr('value');
    $('.car_year').html(year);
 });

Answer 1

看起来您已经走在正确的轨道上了。这是您需要的吗？

$(function() {

    var LOWER_RANGE = 2000;
    var UPPER_RANGE = 2020;

    var $carYearInput = $('#car_year');

    $carYearInput.keyup(function() {
        var value = $carYearInput.val();

        // Check that we were given 4 numbers
        if(value.match(/^[0-9]{4}$/))
        {
            // Convert the value to an int
            var year = parseInt(value, 10);

            // Check that the year is in range
            if(year > LOWER_RANGE && year < UPPER_RANGE)
            {
                alert(year);
            }
        }
    });

});