javascript - 当 var 长度小于 1 时更改边框颜色？

Question

当 var 长度小于 1 时更改边框颜色？

................................................ ..................................................... ..................................................... .....................

http://jsfiddle.net/66chLg61/

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

<script type="text/javascript">
$(window).load(function(){
$('#txt').keydown(function (e){
    if(e.keyCode == 13){
        var ex_se = $('#txt').val();
        var ex_se_lenght = ex_se.length;

        if(ex_se_lenght < '1')
            {
                // change border color id="txt" to red //
                alert('red');
            }
        else
            {
                // change border color id="txt" to black //
                alert('black');
            }
    }
})
});
</script>
<input type="text" id="txt"/>

Answer 1

试试这个:更改 $(window).laod至 $(document).ready并且您将长度与字符串而不是整数进行比较，因此更改 if(ex_se_lenght < '1')至 if(ex_se_lenght < 1)

注意 - 由于条件 if(e.keyCode == 13) 按下“ENTER”按钮后会看到警报在那里。

代码:

$(document).ready(function(){
$('#txt').keydown(function (e){
    if(e.keyCode == 13)
    {
        var ex_se = $(this).val();
        var ex_se_lenght = ex_se.length;

        if(ex_se_lenght < 1)
            {
                // change border color id="txt" to red //
                alert('red');
            }
        else
            {
                // change border color id="txt" to black //
                alert('black');
            }
    }
})
});

Demo

由@Danko 添加，添加边框颜色在 css 类下创建并添加/删除红色边框

.alert {
    outline:none;
    border:2px solid red;
}

和 JQuery:

if(ex_se_lenght < 1)
{
    $(this).addClass('alert');
    alert('red');
}
else
{
    $(this).removeClass('alert');
    alert('black');
}

Demo By Danko