СД
Нативный JS?
Да
Size: a a a
2020 December 21
AG
Ну, создай объект с валидациями, ключ - каждое поле формы, внутри можешь результат валидации и в error: [] - складывать массив с ошибками.
СД
Ну, создай объект с валидациями, ключ - каждое поле формы, внутри можешь результат валидации и в error: [] - складывать массив с ошибками.
Разве ошибки тогда не общие будут
AG
Разве ошибки тогда не общие будут
Смотри, структура:
```
validate: {
name: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
},
secondName: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
}
....
}
```
validate: {
name: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
},
secondName: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
}
....
}
AG
Смотри, структура:
```
validate: {
name: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
},
secondName: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
}
....
}
```
validate: {
name: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
},
secondName: {
error: true,
errors: [
'Поле не должно быть пустым', 'Поле должно содержать только латинские буквы'
]
}
....
}
Что-то такое, структура внутри опциональна, можешь еще добавить туда ключ, чтобы отмечать - если поле было активно, чтобы начинать показывать ошибку только после того, как пользователь что-то вводил и т.п.
СД
Что-то такое, структура внутри опциональна, можешь еще добавить туда ключ, чтобы отмечать - если поле было активно, чтобы начинать показывать ошибку только после того, как пользователь что-то вводил и т.п.
Не я понимаю логику
СД
Что-то такое, структура внутри опциональна, можешь еще добавить туда ключ, чтобы отмечать - если поле было активно, чтобы начинать показывать ошибку только после того, как пользователь что-то вводил и т.п.
Как список реализовать ошибок
AG
Как список реализовать ошибок
Ну, очевидно в валидаторе. Я не знаю, как ты валидируешь. Если у тебя список возможных ошибок один для всех полей. Если разный, создавай объект, где описывай правила валидации и ошибки, если они нарушены.
СД
Ну, очевидно в валидаторе. Я не знаю, как ты валидируешь. Если у тебя список возможных ошибок один для всех полей. Если разный, создавай объект, где описывай правила валидации и ошибки, если они нарушены.
Как сделать список под input-ом типа как мне его генерить
AG
Сделай в верстке там ul/div пустой, и для каждого элемента массива в этот div ложишь li/span с текстом ошибки
СД
Сделай в верстке там ul/div пустой, и для каждого элемента массива в этот div ложишь li/span с текстом ошибки
Но как отслеживать под каким ul именно нужно вывести ошибки
AG
😒 По ID например. Ты как хранишь ошибки для полей?
СД
😒 По ID например. Ты как хранишь ошибки для полей?
Массив ошибок
AG
Массив ошибок
Массив для каждого поля или просто массив?
СД
Массив для каждого поля или просто массив?
Для каждого поля
AG
Для каждого поля
Ну вот, бери массив для нужного поля и итерируй. Ты меня в тупик загоняешь. Что конкретно не выходит?
Е
Ребят, есть такая либа:
https://github.com/kamranahmedse/driver.js
Я хочу внести некоторые правки в нее, скомпилировать и подключить на сайт. Вопрос. Чем она компилируется? Как ее скомпилировать? Превратить в один .js файл?
https://github.com/kamranahmedse/driver.js
Я хочу внести некоторые правки в нее, скомпилировать и подключить на сайт. Вопрос. Чем она компилируется? Как ее скомпилировать? Превратить в один .js файл?
СД
Ну вот, бери массив для нужного поля и итерируй. Ты меня в тупик загоняешь. Что конкретно не выходит?
Получается каждому ul свой айди?
AG
Получается каждому ul свой айди?
Нет, смотри, тебе лучше обернуть инпут, лейбл и ul в див с ID, чтобы проще ориентироваться.
AG
Нет, смотри, тебе лучше обернуть инпут, лейбл и ul в див с ID, чтобы проще ориентироваться.
Хоть это по семантике и не очень. Если хочешь совсем правильно - то инпут с id, а ul с id = id-errors, как-то так.