Все сервисы Хабра

Сообщество IT-специалистов

Ответы на любые вопросы об IT

Профессиональное развитие в IT

Удаленная работа для IT-специалистов

Войти на сайт
  • Все вопросы
  • Все теги
  • Пользователи

Хабр Q&A — вопросы и ответы для IT-специалистов

Получайте ответы на вопросы по любой теме из области IT от специалистов в этой теме.

Узнать больше
другие проекты хабра
  • Хабр
  • Карьера
  • Фриланс
Задать вопрос

Lukmann

  • 3
    вклад
  • 10
    вопросов
  • 20
    ответов
  • 10%
    решений
Комментарии
  • Информация
  • Ответы
  • Вопросы
  • Комментарии
  • Подписки
  • Нравится
  • Как сделать валидацию формы на js?

    Lukmann @Lukmann
    Alexandr1996, я бы делал бы это отдельной функцией,
    input.addEventListener("blur",function){
          this.classlist.remove('error');
          if(this.value === ''){
             this.classlist.add('error');    
          }
         if(!Регулярка.test.value){
             this.classlist.add('error'); 
         }
    }
    ну примерно так
    Написано 02 мар.
  • Как сделать валидацию формы на js?

    Lukmann @Lukmann
    Alexandr1996, да
    Написано 02 мар.
  • Как сделать валидацию формы на js?

    Lukmann @Lukmann
    let reservationForm = document.querySelector('.reservationForm');
    let reservationFormReq = document.querySelectorAll('.reservationForm ._input');
    reservationForm.onsubmit = function(){
    	let index = 0;
    	for(let i = 0;i<reservationFormReq.length;i++){
    		reservationFormReq[i].classList.remove('empty');
    		if(reservationFormReq[i].value === ''){
    			reservationFormReq[i].classList.add('empty');
    			index++;
    		}
    	}
            if(index === 0){
    		alert('succses');
    
    	}
    	
    }

    если index равен нулю это значит что в форме незаполненных полей нет,сюдя добавляешь свой код,если пользователь неправильно введет email или что то другое просто делаешь index++
    Написано 02 мар.
  • Как правильно кастомизировать select списки для формы?

    Lukmann @Lukmann
    woebegone, не знаю,не делал
    Написано 28 февр.
  • Как правильно кастомизировать select списки для формы?

    Lukmann @Lukmann
    woebegone,
    .reservationForm{
    	width: 100%;
    }
    .form__holder{
    	width: 100%;
    	display: grid;
    	grid-template-columns: 48% 48%;
    	justify-content: space-between;
    	grid-row-gap: 12px;
    	margin: 35px 0;
    }
    .form__item{
    	display: flex;
    	flex-direction: column;
    	width: 100%;
    	align-items: flex-start;
    }
    .item-form{
    	height: 52px;
    	width: 100%;
    	outline: none;
    	border: 1px solid rgba(0, 0, 0, 0.1);
    	color: black;
    	font-size: calc(15px + 3 * ((100vw - 320px) / (1280 - 320)));
    	padding: 0.375rem 0.75rem;
    	font-family: 'Poppins', sans-serif;
    }
    .form__title{
    	font-size: calc(15px + 3 * ((100vw - 320px) / (1280 - 320)));
    	color: black;
    	font-weight: 600;
    	margin-bottom: 10px;
    }
    .item-form::placeholder{
    	font-family: 'Poppins', sans-serif;
    	color: #666;
    	font-size: calc(13px + 2 * ((100vw - 320px) / (1280 - 320)));
    }
    #reservation-select{
    	display: none;
    }
    .custom-select{
    	height: 52px;
    	width: 100%;
    	outline: none;
    	border: 1px solid rgba(0, 0, 0, 0.1);
    	color: black;
    	font-size: calc(15px + 3 * ((100vw - 320px) / (1280 - 320)));
    	padding: 0.375rem 0.75rem;
    	font-weight: 500;
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    	position: relative;
    	cursor: pointer;
    }
    .custom-select.empty{
    	border-color: red;
    }
    .custom__select__title{
    	font-size: inherit;
    	font-weight: inherit;
    	color: inherit;
    }
    .custom-select i{
    	transform: rotate(180deg);
    	font-size: 20px;
    }
    .dropdown-select{
    	position: absolute;
    	left: 0;
    	top: 100%;
    	width: 100%;
    	border: 1px solid black;
    	transform: translateY(40px);
    	transition: 0.3s ease;
    	opacity: 0;
    	visibility: hidden;
    }
    .dropdown-select.active{
    	opacity: 1;
    	transform: translateY(0);
    	visibility: visible;
    }
    .dropdown-item{
    	width: 100%;
    	background: white;
    	padding: 0.375rem 0.75rem;
    }
    .dropdown-item:hover{
    	background: black;
    	color: white;
    }
    .dropdown-item.active{
    	background: black;
    	color: white;
    }
    .reservation-button{
    	margin: 0 auto;
    	display: flex;
    	justify-content: center;
    	align-items: center;
    	background: #c8a97e;
    	padding: 12px 20px;
    	border: 1px solid #c8a97e;
    	outline: none;
    	font-family: 'Poppins', sans-serif;
    	font-size: calc(13px + 3 * ((100vw - 320px) / (1280 - 320)));
    	color: white;
    	font-weight: 400;
    	transition: 0.3s ease;
    	cursor: pointer;
    }
    .reservation-button:hover{
    	background: transparent;
    	color: #c8a97e;
    }
    .reservationForm ._req.empty{
    	border-color: red;
    }
    Написано 28 февр.
  • Как правильно кастомизировать select списки для формы?

    Lukmann @Lukmann
    woebegone, а стили кто будет писать?
    Написано 28 февр.
  • Как удалить конкретный элемент массива через кнопку?

    Lukmann @Lukmann
    попробуй найти индекс этого элемента внутри массива с помощью findIndex и удали
    Написано 27 февр.
  • Как сделать кнопку активной при нажатии на чекбокс?

    Lukmann @Lukmann
    Ankhena, аа,оказывается я не правильно понял,ставишь
    label.on('click',function(){
    if($('.checkbox').prop('checked') == true){
    изменяешь состояние кнопки
    }
    })
    Написано 26 февр.
  • Как сделать кнопку активной при нажатии на чекбокс?

    Lukmann @Lukmann
    gorislavets56, знаешь что такое атрибут checked в css?а знаешь что такое label?

    input::checked + label:before{

    }
    задаешь какие то значения псевдоэлементам label и работаешь,js не нужен
    Написано 25 февр.
  • Как сделать кнопку активной при нажатии на чекбокс?

    Lukmann @Lukmann
    Какую кнопку?надо подробней писать
    Написано 25 февр.
  • Модальные окна и авторизация Django-allauth?

    Lukmann @Lukmann
    вызывать модальное окно на django?или на js?если на js то добавляешь класс active модальному окну при нажатии на какую то кнопку,поподробнее пишите,а то непонятно как именно помочь
    Написано 24 февр.
  • Проблемы с всплывающим окном, как исправить?

    Lukmann @Lukmann
    в таких случаях нужно ссылку кидать на свою верстку,и подробнее описать свою проблему, никто не захочет смотреть урок чтоб просто помочь
    Написано 23 февр.
  • Как реализовать плавно выпадающий при появлении текст?

    Lukmann @Lukmann
    transform: translateY поработайте с этим
    Написано 19 февр.
  • Как взять последние 5 строк у которых category равен 1 в Mysql?

    Lukmann @Lukmann Автор вопроса
    Евгений, Огромное спасибо,желаю самого наилучшего
    Написано 15 февр.
  • Как взять последние 5 строк у которых category равен 1 в Mysql?

    Lukmann @Lukmann Автор вопроса
    Beliyadm, Огромное спасибо,желаю самого наилучшего
    Написано 15 февр.
  • Как взять последние 5 строк у которых category равен 1 в Mysql?

    Lukmann @Lukmann Автор вопроса
    Сергей Соколов, есть 12 полей,есть поле id у которого стоит автоинкремент,у меня стоит фильтр на странице который выводит по категории продукты в магазине,и я должен был взять из бд последние пять продуктов у которых category равен 1
    Написано 15 февр.
  • Как взять последние 5 строк у которых category равен 1 в Mysql?

    Lukmann @Lukmann Автор вопроса
    Сергей Соколов, извиняюсь,вопрос про php
    Написано 15 февр.
  • Почему у меня вместо phpmyadmin стоит adminer?

    Lukmann @Lukmann Автор вопроса
    posters, спасибо за ответ,вчера разобрался
    Написано 13 февр.
  • От количества товара менялась сумма в корзине?

    Lukmann @Lukmann
    Orange-rus, спасибо,телеграма нету
    Написано 04 февр.
  • От количества товара менялась сумма в корзине?

    Lukmann @Lukmann
    строго не суди,был первый проект,в js файлах можешь посмотреть как я реализовал корзину
    Написано 04 февр.
  • 1
  • 2
  • 3
  • Следующие →
Самые активные сегодня
  • w3bsmes
    Alice
    • 21 ответ
    • 0 вопросов
  • Василий Банников
    • 10 ответов
    • 0 вопросов
  • CityCat4
    CityCat4
    • 10 ответов
    • 0 вопросов
  • leahch
    Алексей Черемисин
    • 7 ответов
    • 0 вопросов
  • ThunderCat
    ThunderCat
    • 7 ответов
    • 0 вопросов
  • Jump
    АртемЪ
    • 7 ответов
    • 0 вопросов
  • © Habr
  • О сервисе
  • Обратная связь
  • Блог

Войдите на сайт

Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации