<style>
.form{
margin: 10px 0;
-webkit-transition: box-shadow 0.5s;
-moz-transition: box-shadow 0.5s;
transition: box-shadow 0.5s;
}
.form.error{
box-shadow: 0 0 5px #f00;
border-radius: 3px;
}
</style>
<div class="form">
<select>
<option value="0">Choose...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3" selected>3</option>
</select>
</div>
<div class="form">
<select>
<option value="0" selected>Choose...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<div class="form">
<select>
<option value="0" selected>Choose...</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
</div>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
function submit() {
var valid = true;
$('.form').each(function(){
if ($('select', this).val() == 0) {
$(this).addClass('error');
valid = false;
} else {
$(this).removeClass('error');
}
});
if (valid) {
// submit
} else {
// notify
}
}
</script>
<button onclick="submit()">Отправить</button>