Вывести ошибку валидации Express в шаблон HBS?

Question

SpideR-KOSS @SpideR-KOSS

Вывести ошибку валидации Express в шаблон HBS?

Здравствуйте!

Подключил валидатор Express-Validator.

Настроил валидацию полей.

check('username').isEmail(),
check('password').isLength({ min: 5 });

Как теперь передать ошибку при проверке формы в шаблон HBS?

Вопрос задан более трёх лет назад
374 просмотра

Комментировать

Подписаться 1 Простой Комментировать

Решения вопроса 1

5 комментариев

SpideR-KOSS @SpideR-KOSS Автор вопроса

Спасибо за ответ! При передаче ошибок в шаблон пишет "errors is not defined". Как сделать errors видимой?

Написано более трёх лет назад
Aleksey Solovyev @alsolovyev
const { check, validationResult } = require('express-validator/check');

Вы добавляете validationResult?
const errors = validationResult(req);
Вы объявляете errors?

Скиньте Ваш роут с валидацией.
Написано более трёх лет назад

SpideR-KOSS @SpideR-KOSS Автор вопроса

Роут использую с официального сайта, как и в вашем примере.

app.post('/user', [
  // username must be an email
  check('username').isEmail(),
  // password must be at least 5 chars long
  check('password').isLength({ min: 5 })
], (req, res) => {
  // Finds the validation errors in this request and wraps them in an object with handy functions
  const errors = validationResult(req);
  if (!errors.isEmpty()) {
    return res.status(422).json({ errors: errors.array() });
  }

Написано более трёх лет назад

Aleksey Solovyev @alsolovyev

В чем проблема скинуть Ваш код? Как мне найти ошибку? Клянусь не продавать его третьим лицам!
Ну не хотите... проверяйте каждую строчку сами(область видимости, объявление всех переменных и тд):
*dependencies: express, body-parser, express-hbs, express-validator/check

Вот накидал работающий пример:

// Dependencies
const express = require('express');
const bodyParser = require('body-parser')
const hbs = require('express-hbs');
const { check, validationResult } = require('express-validator/check');

// Main Appliction
const app = express();

// Begin Body Parser Settings
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
// end Body Parser Settings

// begin Set Engine
app.engine('hbs', hbs.express4({
  partialsDir: __dirname + '/'
}));
app.set('view engine', 'hbs');
app.set('views', __dirname + '/');
// end Set Engine

// Main route
app.get('/', (req, res) => res.render('index'))

// Login route
app.post('/user', [
	// Form Validation
	check('username').isEmail(),
	check('password').isLength({ min: 5 })
	], (req, res) => {
		// Const with errors
		const errors = validationResult(req);

		// Show Errors in console
		console.log(errors.array());

		// Check for error
		if (!errors.isEmpty()) {
			// Render template with errors
			return res.render('index', {
				errors: errors.array()
			})
		} else {
			// Render template without errors
			return res.render('index', {
				success: 'Success'
			})
		}
})

// Listener
app.listen(3000, () => console.log('Example app listening on port 3000!'))

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	{{# if errors }}
		{{# each errors }}
			<p>{{ this.msg }}</p>
		{{/each}}
	{{/if}}
	{{# if success }}
		<p>{{ success }}</p>
	{{/if}}
	<form method="POST" action="/user">
		<input type="text" name="username">
		<input type="password" name="password">
		<input type="submit" value="Submit">
	</form>
</body>
</html>

С ошибками:

Без ошибок:

Написано более трёх лет назад

SpideR-KOSS @SpideR-KOSS Автор вопроса

Aleksey Solovyev, спасибо большое! Благодаря вашему примеру разобрался! :-)

Написано более трёх лет назад

Пригласить эксперта

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+2 ещё

Средний
Как отсортировать в ХТМЛ по дате рождения от младшего к старшему, а так же, нумерацию их 1,2,3,4. Чтобы можно было потом добавить еще людей?
- 1 подписчик
- 4 часа назад
- 28 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Почему шрифт в JS prompt() белого цвета?
- 1 подписчик
- 7 часов назад
- 39 просмотров
2

ответа
JavaScript

Простой
Выдает ошибку, сам файл не нулл(а ошибка выдается там где подключается жс), как исправить?
- 1 подписчик
- 8 часов назад
- 43 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Пустая страница, ошибок нет. JS. В чем проблема?
- 1 подписчик
- 8 часов назад
- 152 просмотра
1

ответ
JavaScript

Простой
Какой фреймворк использовать для форм JS?
- 1 подписчик
- 8 часов назад
- 50 просмотров
0

ответов
JavaScript

Простой
Почему change срабатывает раньше чем click?
- 1 подписчик
- 9 часов назад
- 61 просмотр
1

ответ
JavaScript

Простой
Как получить metadata аудио на IOS?
- 1 подписчик
- 15 часов назад
- 21 просмотр
0

ответов
JavaScript

+2 ещё

Простой
Как отобразить массив из элементов?
- 1 подписчик
- вчера
- 99 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Неизвестные скрипты на сайте (plupload и moxie). Для чего?
- 1 подписчик
- вчера
- 116 просмотров
1

ответ
JavaScript

+2 ещё

Простой
Как сделать так, чтобы звезда падала только при скролле страницы?
- 1 подписчик
- вчера
- 90 просмотров
0

ответов
Показать ещё Загружается…

JavaScript разработчик

summer • Ярославль

от 100 000 до 140 000 ₽

Junior JavaScript Developer

КРАФТТЕК • Санкт-Петербург

от 60 000 до 80 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Дописать функцию на Flutter, работа с yandex map kit

20 апр. 2024, в 04:18

3000 руб./за проект

Английская версия для сайта на WordPress

20 апр. 2024, в 03:34

8000 руб./за проект

Доработать клиентское приложение для GTA 5 на C#

20 апр. 2024, в 00:51

1000 руб./за проект

Answer 1 · 2018-08-19 16:04:45

// ...rest of the initial code omitted for simplicity.
const { check, validationResult } = require('express-validator/check');

app.post('/user', [
  // username must be an email
  check('username').isEmail(),
  // password must be at least 5 chars long
  check('password').isLength({ min: 5 })
], (req, res) => {
  // Finds the validation errors in this request and wraps them in an object with handy functions
  const errors = validationResult(req);
  if (!errors.isEmpty()) {
    return res.status(422).json({ errors: errors.array() });
  }

  User.create({
    username: req.body.username,
    password: req.body.password
  }).then(user => res.json(user));
});

{
  "errors": [{
    "location": "body",
    "msg": "Invalid value",
    "param": "username"
  }]
}

return res.status(422).json({ errors: errors.array() });
errors.array() - ваши ошибки. Передавайте их в шаблон свой - res.render('home', {errors: errors.array()});

{{# if errors }}
    {{# each errors }}
          <p class="alert alert-danger">{{ this.msg }}</p>
    {{/each}}
{{/if}}

Вывести ошибку валидации Express в шаблон HBS?

Войдите, чтобы написать ответ

Минуточку внимания

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