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


Проверка японского ввода с помощью Vuelidate и Vue.js
こんにちは!Здравствуйте, вы когда-нибудь писали многоязычную форму? Как житель Токио, Япония, мне часто приходится заполнять веб-формы, используя разные наборы символов, при подписке на новую услугу. Я разрабатывал такую ​​форму на Vue.js и хотел поделиться с вами тем, что узнал. Не читаете по-японски? Вот краткий обзор написания. Кандзи 漢字 — это пиктограммы, происходящие от китайского языка. Произношение меняется в зависимости от контекста. В языке также есть две сложные азбуки :..

Составьте логику проверки с помощью Vue 3.0 и Vuelidate.
Проверка формы - одна из самых сложных тем, с которой сталкиваются многие фронтенд-инженеры. Хотя реализовать это несложно, организовать логику валидации сложно. С Vue у вас есть два основных варианта: проверка на основе шаблона с vee-validate или проверка на основе модели с vuelidate . Оба они - отличная библиотека. vee-validate очень прост и может быть быстрым решением. vuelidate обладает большей гибкостью. С другой стороны, благодаря членам основной команды Vue..

Создание динамической формы с помощью Vue.js и Vuelidate
Вот шаги для настройки нового проекта Vue.js с именем «динамическая форма и vuelidate» и установки библиотеки Vuelidate: Установите Vue CLI, выполнив команду npm install -g @vue/cli в терминале. Создайте новый проект Vue.js с именем «динамическая форма и vuelidate», выполнив команду vue create dynamic-form-and-vuelidate Измените каталог на вновь созданный проект, выполнив команду cd dynamic-form-and-vuelidate Установите библиотеку Vuelidate, выполнив команду npm install..

Вопросы по теме 'vuelidate'

управление валидациями vuelidate в vuetify
Как вы, ребята, проводите валидацию в Vuetify? Я не могу осмыслить очень подробный синтаксис проверки. Я использую Vuelidate, и, согласно документации Vuetify, мне пришлось бы реализовать простое обязательное поле: Скрипт: import { required...
4356 просмотров

Странное поведение проверки коллекции в vuelidate
Я сделал следующий минимальный пример, который также можно протестировать в этой скрипке : HTML: <div id="app"> <div v-for="(gameV, index) in $v.games.$each.$iter"> <input type="text" :class="{error: gameV.$error, dirty:...
2192 просмотров
schedule 15.09.2022

Проверка Vuelidate на истинность / ложь
У меня есть настраиваемый флажок <checkbox v-model="form.terms_accepted" /> Значение true / false переключается нормально { "first_name": "", "last_name": "", "username": "", "email": "", "terms_accepted": true } Как мне...
3809 просмотров
schedule 21.05.2022

Vue js vuelidate не может прочитать настраиваемую проверку внутри схемы динамической проверки
У меня такой UI. Если пользователь проверит All dates , он установит логическую переменную is_all_dates на true . Это означает, что пользователю не важен диапазон дат, он хочет все данные без фильтрации по диапазону дат. С другой...
2467 просмотров
schedule 19.08.2022

Невозможно проверить электронную почту в каждом поле значения электронной почты в массиве объектов
Я пытаюсь проверить, что поле значения в объекте содержит электронное письмо. В массиве потенциально может быть много таких объектов. Когда я оцениваю, является ли он грязным, он говорит, что значение не определено. Валидация тоже вообще не...
276 просмотров
schedule 06.06.2022

Vuelidate - встряхивание неправильного поля ввода
Взгляните на базовую форму в документации Vuelidate . Если правило нарушено (текст слишком короткий), метка становится красной, затем появляется сообщение об ошибке и поле ввода некоторое время трясется. Как это сделать? Я скопировал образец...
399 просмотров
schedule 21.05.2022

Как использовать условный оператор внутри валидаций в vuelidate?
Я только что установил vuelidate и создал помощник, который проверяет, равно ли значение phone no . ссылка import { helpers } from 'vuelidate/lib/validators'; const phone = helpers.regex('alpha', /^(09)[0-9]{9}/); Моя цель: поле ввода...
654 просмотров
schedule 27.05.2023

Как проверить адреса электронной почты с помощью vuelidate?
Как проверить электронную почту? Не могли бы вы показать пример с сообщением об ошибке? Документация не дает достаточно подробностей. Вроде нет ничего похожего на v-if="!$v.user.email.email" Следующий код тоже не работает...
3898 просмотров
schedule 28.06.2022

Vuelidate $v не определен в компоненте Vue
Ничто из того, что я нашел, не решило эту проблему. Я получаю следующую ошибку для этого компонента Vue. Я пытаюсь использовать библиотеку Vuelidate для проверки моей формы. Есть идеи, что мне здесь не хватает? Uncaught TypeError: Cannot read...
1207 просмотров

Как условно визуализировать с помощью кнопки в Vuejs?
export default { name: "HelloWworld", data: function () { return { isHidden: false, isWelcome: false, isFadeout: false, } } <div v-if="!isHidden"> //some code for screen1...
84 просмотров
schedule 29.08.2022

Пароль Vuelidate и подтверждение пароля в Vuejs?
export default { name: "HelloWworld", data: function () { return { isHidden: false, isWelcome: false, isFadeout: false, } } <div v-if="!isHidden"> //some code for screen1...
1164 просмотров
schedule 06.12.2023

Vue vuelidate $ v не определен
Я новичок в vue js, мой файл main.js выглядит так import { createApp } from 'vue' import App from './App.vue' import router from './routes.js' import Vuelidate from 'vuelidate' createApp(App).use(Vuelidate) createApp(App).use(router).mount('#app')...
274 просмотров
schedule 26.02.2023

Проверка формы не отображает ошибку на экране с Vuelidate
Я пытаюсь добавить несколько проверок с помощью Vuelidate в форму входа. Когда я оставляю поле имени пользователя пустым, я ожидаю увидеть предупреждение о том, что имя требуется, но ничего не отображается. Он не переходит к следующему шагу (чего я...
24 просмотров
schedule 13.04.2023