Javascript 当变量长度小于1时更改边框颜色？

当变量长度小于1时更改边框颜色

徖

$（窗口）。加载（函数（）{
$（'#txt'）.keydown（函数（e）{
如果（e.keyCode==13）{
var ex_se=$（'#txt'）.val（）；
var ex_se_length=ex_se.length；
如果（ex_se_Length<'1'）
{
//将边框颜色id=“txt”更改为红色//
警报（“红色”）；
}
其他的
{
//将边框颜色id=“txt”更改为黑色//
警报（“黑色”）；
}
}
})
});

您可以执行以下操作：

if(ex_se_lenght < '1')
{
    // change border color id="txt" to red //
    $("#txt").css('border-color', 'red');
    alert('red');
}
else
{
    // change border color id="txt" to black //
    $("#txt").css('border-color', 'black');
    alert('black');
}

$('#txt').keydown(function (e) {
    if (e.keyCode == 13) {
        var ex_se = $('#txt');
        var ex_se_lenght = ex_se.val().length;
        var color = ex_se_lenght < 1 ? 'red' : 'black';
        ex_se.css('border-color', color);
    }
});

if（ex_se_length<'1'）
{
//将边框颜色id=“txt”更改为红色//
$（“#txt”）.css（'border-color'，'red'）；
警报（“红色”）；
}
其他的
{
//将边框颜色id=“txt”更改为黑色//
$（“#txt”）.css（'border-color'，'black'）；
警报（“黑色”）；
}

已编辑：选择器错误…

尝试以下操作：将

$（窗口）。laod

更改为

$（文档）。准备就绪

并且您将长度与字符串而不是整数进行比较，因此将

if（ex_se_长度<1'）

更改为

if（ex_se_长度<1）

注意-如果（e.keyCode==13）存在条件，则按下“回车”按钮后将显示警报

代码：

$(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');
            }
    }
})
});

和JQuery：

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

if（ex_se_length<1）
{
$（this.addClass（'alert'）；
警报（“红色”）；
}
其他的
{
$（this.removeClass（'alert'）；
警报（“黑色”）；
}

---

如下修改您的js：

if(ex_se_lenght < '1')
{
    // change border color id="txt" to red //
    $("#txt").css('border-color', 'red');
    alert('red');
}
else
{
    // change border color id="txt" to black //
    $("#txt").css('border-color', 'black');
    alert('black');
}

$('#txt').keydown(function (e) {
    if (e.keyCode == 13) {
        var ex_se = $('#txt');
        var ex_se_lenght = ex_se.val().length;
        var color = ex_se_lenght < 1 ? 'red' : 'black';
        ex_se.css('border-color', color);
    }
});

$（'#txt'）.keydown（函数（e）{
如果（e.keyCode==13）{
var ex_se=$（'#txt'）；
var ex_se_lenght=ex_se.val（）长度；
var color=ex_se_length<1？“红色”：“黑色”；
例如css（“边框颜色”，颜色）；
}
});

演示：

试试看

$(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 //
                $("#txt").removeClass("black").addClass("red");  // remove previous added class black

            } else {
                // change border color id="txt" to black //
                $("#txt").removeClass("red").addClass("black"); // remove previous added class red
            }
        }
    })
});

$（窗口）。加载（函数（）{
$（'#txt'）.keydown（函数（e）{
如果（e.keyCode==13）{
var ex_se=$（'#txt'）.val（）；
var ex_se_length=ex_se.length；
如果（ex_se_Length<'1'）{
//将边框颜色id=“txt”更改为红色//
$（“#txt”）.removeClass（“黑色”）.addClass（“红色”）；//删除以前添加的黑色类
}否则{
//将边框颜色id=“txt”更改为黑色//
$（“#txt”）.removeClass（“红色”）.addClass（“黑色”）；//删除以前添加的红色类
}
}
})
});

---

。。。给你+1如果你想在答案中添加：）@Danko，感谢jsfiddle链接和+1，这里有一个更新的Fiddle更改边框颜色。我更新了答案：）