NastyaNewer,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style type="text/css">
input.error, textarea.error{
border: red 1px solid;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<script>
$(function() {
$("#feedback").validate({
messages : {
picture : " ссылка обязательно!!!",
films : " название обязательно!!!",
description : " описание обязательно!!!"
}
});
});
</script>
</head>
<body>
<div id="popup_contact" class="feedback popup_block">
<div class="form">
<form name="contact_form" action="#" method="post" id="feedback">
<h2 class="form_title">Добавить фильм</h2>
<div class="input_list">
<p class="picture_title"><label for="picture">URL картинки</label><span class="star">*</span></p>
<p><input type="text" id="picture" name="picture" class="field_picture form_control" required placeholder=""></p>
<p class="name_title"><label for="name_films">Название фильма</label><span class="star">*</span></p>
<p><input type="text" id="name_films" name="films" required placeholder="" class="field_films form_control"></p>
<p class="description_film"><label class="description" for="description">Описание фильма</label><span class="star">*</span></p>
<p><textarea name="description" class="description_field form_control" required placeholder="" id="description" rows="10"></textarea></p>
<p><label for="submit" class="button_send"></label></p>
<label><input type="submit" id="submit" value="Отправить" class="button_message disabled"></label>
<label for="popup_contact" class="close_block" id="close"></label>
</div>
</form>
</div>
</div>
<div class="shadow"></div>
</body>
</html>
