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

Question

SpideR-KOSS @SpideR-KOSS

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

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

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

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

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

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

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

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

Подписаться 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

+1 ещё

Простой
Почему JS не видит SVG-элементы по ID?
- 1 подписчик
- 2 часа назад
- 33 просмотра
1

ответ
JavaScript

Средний
Почему не срабатывает горячая клавиша в расширение?
- 1 подписчик
- 3 часа назад
- 21 просмотр
0

ответов
JavaScript

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- 4 часа назад
- 22 просмотра
0

ответов
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- вчера
- 138 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- вчера
- 160 просмотров
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- 20 нояб.
- 82 просмотра
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- 20 нояб.
- 51 просмотр
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

ответов
JavaScript

Простой
Можно ли использовать Intersection Observer API для не дочерних элементов?
- 1 подписчик
- 20 нояб.
- 48 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как предотвратить работу onBlur?
- 1 подписчик
- 20 нояб.
- 63 просмотра
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Разработать индикатор для торговой платформы Metatreder5

22 нояб. 2024, в 15:00

2500 руб./в час

Разработка базы данных на SQL

22 нояб. 2024, в 14:51

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

Разработка API на Go+ClickHouse

22 нояб. 2024, в 14:51

2000 руб./в час

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?

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

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

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