Question

我在使用jQuery键入时使用验证表单输入字段，我的脚本如下所示：

var firstname = /^[A-Za-z]{3,15}$/;
var day = $("#day_birthdate");
jQuery('input#firstname').bind('input propertychange', function () {
    if (firstname.test(jQuery(this).val())) {
        jQuery(this).css({
            'background': '#C2D699'
        });

    } else {
        jQuery(this).css({
            'background': '#FFC2C2'
        });

    }
});


jQuery('input#day_birthdate').bind('input propertychange', function () {
    if (day > 1) {
        jQuery(this).css({
            'background': 'green'
        });

    } else {
        jQuery(this).css({
            'background': 'red'
        });

    }
});

我有文本框：

 @Html.TextBoxFor(m => m.Register.FirstName, new { id = "firstname", @class = "form-control", @maxlength = "16" })
 @Html.TextBoxFor(m => m.Register.Day, new { id = "day_birthdate", @class = "form-control", mask = "99", @placeholder = "dd" })

主要想法是检查javascript，如果日期在1到31之间，以便在我输入时获得背景的绿色，如果它不会变成红色？

Answer 1

您需要获取#day_birthdate的值，然后将parse的值设为integer：

var day = parseInt($("#day_birthdate").val(), 10);
//                                    ^^^^^^

如何在文本框中键入时更改文本框的颜色？

1 个答案: