我有下面的示例 html 代码,我试图在其中突出显示输入字段,例如 twitter bootstrap 中的输入字段验证
<html>
<head>
$('#submit_form').submit(function(){
var vals = $('.validate').val()
if (!vals)
{
console.log('Error exists');
$('.validate').attr('style', "border-radius: 5px; border:#FF0000 1px solid;");
$('.validate').val('enter a value');
}
});
</head>
<body>
<form action="" method="post" id="submit_form">
<div>
<input class="validate" type="text" name="Name"/>
</div>
<input type="submit" value="Submit">
</form>
</body>
</html>
因此,通过上面的代码,值“输入值”
在字段中更新,但字段未突出显示
此外,当我检查样式属性是否已添加到输入时..是的,它已成功添加,但为什么该字段未突出显示
最佳答案
试试这个
$('.validate').css({ "border": '#FF0000 1px solid'});
通过替换
$('.validate').attr('style', "border-radius: 5px; border:#FF0000 1px solid;");
关于jquery - 使用像 twitter bootstrap 这样的 jquery 突出显示错误的输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20266941/