Публикации по теме '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 просмотров
schedule
27.05.2022
Странное поведение проверки коллекции в 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 просмотров
schedule
19.09.2022
Как условно визуализировать с помощью кнопки в 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