Публикации по теме forms

Публикации по теме 'forms'

Проверка формы с помощью IodineJS

Проверка формы с помощью IodineJS Несколько дней назад я выпустил IodineJS , микроклиентскую библиотеку валидации, построенную на принципах простоты, легкости использования и скорости. Вы можете узнать больше о том, как это работает и почему я его создал, в статье о выпуске . Сегодня мы рассмотрим простой пример проверки формы с помощью йода. HTML-страница Начнем с HTML. У нас есть простая форма регистрации, в которой мы принимаем имя пользователя и адрес электронной почты. У..

JavaScript to React 4 - Работа с формами

Это четвертая из серии публикаций, посвященных вводным концепциям React. Элементы формы HTML работают немного иначе, чем другие элементы DOM в React, потому что элементы формы естественным образом сохраняют некоторое внутреннее состояние. В HTML элементы формы, такие как <input> , <textarea> и <select> , обычно поддерживают свое собственное состояние и обновляют его на основе ввода данных пользователем. В React при работе с компонентами класса изменяемое..

Формы, веб-компоненты и Redux

Я и моя команда работаем над проектом с использованием PWA Starter Kit с начала этого года. Я так многому научился в этом проекте, как создавать производительные веб-компоненты, как использовать Redux (вместо того, чтобы бороться с ним) и как защитить все приложение с помощью Azure Active Directory, и это лишь некоторые из них. Хотя мы несколько раз застревали на разных вещах (о которых мы планируем написать в будущем), ничто не ставило меня в тупик больше, чем создание формы с проверкой...

Асинхронные данные в форме с Angular

В своей предыдущей статье я объяснил, как использовать реактивные формы Angular и, в частности, как обрабатывать ошибки. Недавно я заметил, что если вы хотите повторно использовать этот пример для формы обновления с данными, поступающими с сервера (что довольно часто), это не так просто. Добавить в форму асинхронные данные по умолчанию Давайте добавим адрес электронной почты и пароль в LoginComponent и будем использовать их в качестве значений по умолчанию для формы: Это значение..

Как победить спам-ботов

Бонус: этим вы заведете умников, которые отключают Javascript. Итак, давайте возьмем мою страницу контакты . Каждый день он получал от 50 до 100 спам-рассылок. Не самое худшее, что я видел, но все равно раздражает. Тем более, когда спам действительно проходит. Что я делал Я делал стандартный элемент приманки, вы знаете, где у вас есть текст «input», который каким-то образом скрыт с помощью CSS, и если он заполнен, вы отбрасываете отправку. Это было относительно эффективно, я..

Обработка форм React и проверка с помощью Formik и Yup

Использование Formik для упрощения создания форм React, избегая при этом магии Обработка и управление формами в приложениях React - это слишком хлопотно. Существует много разных библиотек, но они делают гораздо больше, чем вы на самом деле хотите. На помощь приходит Формик . Согласно документации, Formik в основном выполняет 3 вещи: Получение значений в состоянии формы и вне его Сообщения о проверке и ошибках Обработка отправки формы Круто, и этот пост рассказывает вам, как..

Formik For React: правильное введение в управление формами

Разбиваем Formik React Package, чтобы упростить управление формами Перспектива ускорения разработки форм - очень привлекательная причина для принятия нового пакета: Enter Formik. Formik стремится убрать сложность и многословность форм в React, сохраняя при этом элементы как можно более простыми. Интеграция Formik для ваших форм сводит к минимуму следующие моменты: Управление состоянием формы - выполняется автоматически и локально. Такие пакеты, как Redux Forms, связывают..