我有下面的示例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;");