Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 27.05.2018, 21:50
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 23,432

validate проверка обязательных полей
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>
Ответить с цитированием
  #12 (permalink)  
Старый 27.05.2018, 21:51
Интересующийся
Отправить личное сообщение для NastyaNewer Посмотреть профиль Найти все сообщения от NastyaNewer
 
Регистрация: 06.04.2018
Сообщений: 28

спасибо
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Валидация веб формы giovanni Events/DOM/Window 3 01.09.2017 15:49
Установка дефолтных значений формы deonis Angular.js 4 03.08.2015 09:06
ajax передача отдельной переменной и формы dmitriy94 AJAX и COMET 16 16.01.2015 22:33
Четыре одинаковые формы на странице с разной версткой varanika jQuery 2 19.10.2014 12:14
проверка формы не работает в ie begelme Javascript под браузер 6 13.08.2013 00:00