Menu
I have the below sample html code, where i am trying to highlight the input field like input field validation in 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>
So by the above code the value "enter a value" is updating in the field, but the field is not highlighting
Also when i checked whether the style attribute has added to input.. and yes it was added successfully but why the field is not highlighting
727
try this
$('.validate').css({ "border": '#FF0000 1px solid'});
by replacing
$('.validate').attr('style', "border-radius: 5px; border:#FF0000 1px solid;");
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
