用于环绕输入的JQuery addClass（）函数无效

当输入单词“Paris”时，我试图用红色将表单输入包围起来：

HTML

<form class="form-inline" method="post" action="results.php" onsubmit="return submitForm(this);">

  <div class="form-group">
    <label for="tags" class="control-label">Destination</label>
    <input type="text" id="tags" name="tags" placeholder="place">
  </div>

  <div class="form-group">
    <label for="name" class="control-label"></label>
    <button type="submit" class="btn btn-default">Search</button>
  </div>

</form>

问题是，只有单词“Destination”变为红色，但我需要用红色包围输入

---

谢谢

将错误类添加到输入文本框，而不是整个div

请参考下面的代码

$("div.form-group #tags").addClass("has-error");

---

将错误类添加到输入文本框，而不是整个div

请参考下面的代码

$("div.form-group #tags").addClass("has-error");

---

您可以像这样使用自定义CSS

函数submitForm（oFormElement）{
var tags=$（“#tags”）.val（）；
如果（标签==“巴黎”）{
$（“#标记”）.addClass（“错误”）；
返回false；
}
返回true；
}

。错误{
边框颜色：#FF0000；
方框阴影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（255,0,0,0.6）；
}

目的地
搜寻

您可以像这样使用自定义CSS

函数submitForm（oFormElement）{
var tags=$（“#tags”）.val（）；
如果（标签==“巴黎”）{
$（“#标记”）.addClass（“错误”）；
返回false；
}
返回true；
}

。错误{
边框颜色：#FF0000；
方框阴影：插入0 1px 1px rgba（0,0,0,0.075），0 0 8px rgba（255,0,0,0.6）；
}

目的地
搜寻

使用jQuery，您可以执行以下操作：

$（文档）.ready（函数（）{
$（“#标记”）.keyup（函数（）{
if（$（this.val（）=='Paris'）{
$（this.addClass（'has-error'）；
}否则{
$（this.removeClass（'has-error'）；
}
});
});
。有错误{
长方体阴影：0 5px红色；
}

目的地
搜寻
使用jQuery，您可以执行以下操作：


$（文档）.ready（函数（）{
$（“#标记”）.keyup（函数（）{
if（$（this.val（）=='Paris'）{
$（this.addClass（'has-error'）；
}否则{
$（this.removeClass（'has-error'）；
}
});
});
。有错误{
长方体阴影：0 5px红色；
}

目的地
搜寻
同时共享您的CSS同时共享您的CSS您将js代码放在哪里？我试过你的解决方案，但不管用me@Henri在脚本标记中添加js代码放在哪里？我试过你的解决方案，但不管用me@Henri在脚本标记中添加