<div id="errtarif" style="display:none;">
<center>
<b><font color="red" size="3">Выберите социальную сеть</font></b>
</center>
</div>
<form action="index.html" method="POST" class="form-container">
<div class="form-title"><p>Социальная сеть</p></div>
<select name="tarif" id="formzakazn" class="form-field">
<option value="0">Выберите социальную сеть</option>
<option value="1">ВКонтакте</option>
<option value="2">Facebook</option>
<option value="3">Twitter</option>
<option value="4">Instagram</option>
<option value="5">Youtube</option>
</select>
<div class="submit-container">
<input type="submit" id="formzakazbtn" class="submit-button" value="Отправить">
</div>
</form>
<script>
$(document).ready(function(){
$success_r = false;
$('form').on('keyup', '#formzakazn', function(){
if ($('#formzakazn :selected').val()=='0') {
$(this).addClass('wrong');
$success_r = false;
$('#errtarif').fadeIn(750);
return false;
} else {
$(this).removeClass('wrong');
$('#errtarif').fadeOut(500);
$success_r = true;
}
});
$('form').submit(function(){
if (!$success_r) $('#errtarif').fadeIn(750);
if (!$success_r) return false;
});
});
</script>