JavaScript len 函数

Question

我有一个表单验证来检查最小长度，效果很好。但是我还需要检查最大长度。

我对名为“msg”的文本区域字段使用以下代码来验证最小长度，效果很好:

 var msgval    = $("#msg").val();
 var msglen    = msgval.length;

if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}

这工作正常，但如果我为 msglen > 250 添加类似的验证，它会在结构如下时忽略先前的最小长度要求:

if(msglen < 4) {
$("#msg").addClass("error");
}
else if(msglen >= 4){
$("#msg").removeClass("error");
}
if(msglen > 250) {
$("#msg").addClass("error");
}
else if(msglen <= 250){
$("#msg").removeClass("error");
}

如何结合这两个参数？

Answer 1

使用逻辑 OR 运算符来测试这两个条件。

if (msglen < 4 || msglen > 250) {
    $("#msg").addClass("error");
} else {
    $("#msg").removeClass("error");
}

不需要 else if 条件。如果它不小于 4 且不大于 250，那么您就知道可以删除该类。

<小时/>

或者可以这样写一个较短的版本:

$("#msg").toggleClass("error", msglen < 4 || msglen > 250);

作为第二个参数传递的真值将添加该类。 false 值会将其删除。