Javascript 文本框在错误提交后更改颜色

我尝试创建引导表单，在错误提交后将边框颜色更改为红色。问题是文本框总是保持红色。如果输入错误，如何设置文本框的红色边框。bootstrap中是否有任何类在输入错误后会自动输出红色边框

if（$（'#TextBoxID'）.val（）=''）{
$（'#TextBoxID'）.css（'border-color'，'red'）；
}否则{
$（'#TextBoxID'）.css（'border-color'，''）；
}

注册
请填写此表格以创建帐户

用户名
密码
确认密码
已经有账户了吗

问题是文本框总是保持红色

这是因为这一行

if（$（'#TextBoxID'）.val（）=''）

。您需要在提交表单时检查此项

功能表单提交（e）{
e、 预防默认值（）；
if（$（'#TextBoxID'）.val（）=''）{
$（'#TextBoxID'）.css（'border-color'，'red'）；
}否则{
$（'#TextBoxID'）.css（'border-color'，''）；
}
}

注册
请填写此表格以创建帐户

用户名
密码
确认密码
提交
已经有账户了吗

这是否回答了您的问题？