Валидация данных на форме с Todo List [закрыт]

154
02 января 2020, 01:20
Закрыт. Данный вопрос необходимо конкретизировать. Ответы на него в данный момент не принимаются.

Хотите улучшить этот вопрос? Переформулируйте вопрос, чтобы он был сосредоточен только на одной проблеме, отредактировав его.

Закрыт 9 месяцев назад.

В общем нужно:

  1. Не позволять добавлять дело если ничего не введено.
  2. Нужно вернуть надпись "список пуст" если нет больше дел.
  3. Очищать поля после добавления дел.

    $(function() {
$("#addcase").click(function(event) {
  event.preventDefault();
  $(".text").hide();
  var input = $(".input").val();
  var textarea = $(".textarea").val();
  var containerTodo =  '<div class="add-list"><div class="list-opened"><div class="title-line"><span>'+ input +'</span><button class="button"></button><button class="button-edit"></button></div><div class="add-description">'+ textarea +'</div></div></div>';
  $(".todos").append(containerTodo);
  $(".input").val(); 
});

  $('body').on('click', '.button-edit',function() {
    console.log('asd');
    //$(this).parents('.add-list').find('.add-description').slideToggle();
    var description = $(this).parents('.add-list').find('.add-description');
    let visible = description.is(':visible');
    visible ? description.slideUp() : description.slideDown();
    let rot = 'rotate(' + (visible ? 0 : 90) + 'deg)';
    $(".button-edit").css({
      '-webkit-transform': rot,
      '-moz-transform': rot,
      '-ms-transform': rot,
      '-o-transform': rot,
      'transform': rot
    });
  });

$('body').on('click', '.button',function(){
    $(this).parents(".add-list").remove();
});
});
Answer 1

Если поля и описание пустые тогда выводить alert и просить че нить напечатать в них. Для второго вопроса если нет блоков с таким то классом тогда присоединить надписать список пуст . Для третьего после выполнения добавления дела/задания form.reset() делать и поля будут пустыми.

READ ALSO
Найти блоки по css свойству

Найти блоки по css свойству

Возникла необходимость с помощью jquery найти все блоки на странице, у которых в стилях есть backgroundЕсть идеи как это сделать?

153
C#. DLLImport. Ошибка DLLNotFoundException

C#. DLLImport. Ошибка DLLNotFoundException

Проблема в следующем:

124
Команда подключения к MS SQL

Команда подключения к MS SQL

Глупый вопрос ну все же, пытаюсь в приложении подключиться к экземпляру SQL Express

127
WebClient.DownloadString ошибка JavaScript при попытке загрузки

WebClient.DownloadString ошибка JavaScript при попытке загрузки

Я хочу считать содержимое файла с помощью WebClient по прямой ссылке на сайте, но при этом получаю в ответ это:

129