Как отобразить сообщения об ошибках в шаблоне дескрипторов в Node.js - PullRequest
Новая
       14

Как отобразить сообщения об ошибках в шаблоне дескрипторов в Node.js

0 голосов
/ 18 марта 2019

Я пытаюсь отобразить красные сообщения об ошибках в форме шаблона ручки. Я использую express-validator для проверки различных полей ввода формы. На данный момент он работает только путем возврата сообщений об ошибках в виде json. Как я могу отобразить эти error сообщения для пользователя в представлении. Я новичок в Node.

form.hbs 

<!DOCTYPE html>
<html lang="en">
<body>
<h2>Enter Details</h2><br />
<div>
    {{# if errors }}
        {{# each errors }}
            <p class="alert alert-danger">{{ this.msg }}</p>
        {{/each}}
    {{/if}}
    <form role="form" data-toggle="validator" method="post">
        <div class="form-group row">
            <label class="col-sm-2 col-form-label" for="inputSchoolCode">School code</label>
            <div class="col-sm-10">
                <input class="form-control" id="inputSchoolcode" type="text" name="schoolCode" placeholder="School code" required="" />
                <div class="help-block with-errors"></div>
            </div>
        </div>
        <div class="form-group row">
            <div class="col-sm-10"></div>
            <button class="btn btn-primary btn-lg" type="submit">Submit</button>
        </div>
    </form>
</div>
</body>
</html>

app.js 

const express = require('express');
const path = require('path');
const cookieParser = require('cookie-parser');
const bodyParser = require('body-parser');
const indexRouter = require('./routes/index');
const usersRouter = require('./routes/users');
const flash = require('connect-flash');
const session = require('express-session');
const hbs = require('hbs');
const app = express();
app.use(flash());

app.use(session({
  cookie: { maxAge: 6000 },
  secret: 'futuresonic',
  resave: false,
  saveUninitialized: false
}));

app.get('/', (req, res) => {
  res.render('form', { title: 'ContactForm', success: req.session.success, errors: req.session.errors});
  req.session.errors = null;
});

app.get('/done', (req, res) => {
  res.render('done');
});

app.set('views', path.join(__dirname, 'views'));
app.set('view engine', 'hbs');
app.use(express.json());
app.use(express.urlencoded({ extended: false }));
app.use(bodyParser.urlencoded({ extended: true }));

form.js 

const express = require('express');
const router = express.Router();
const { validationResult, check } = require('express-validator/check');
const firebaseManager = require('../FirebaseManager/firebaseManager');

let errorMessage = 'Fields cant be empty';
let validators = [
    check('schoolCode')
        .not().isEmpty().withMessage(errorMessage)
        .isUppercase().withMessage(errorMessage)
];

router.post('/', validators, (req, res) => {
      checkForErrorsAndWriteToFirebase(req, res);
});

const checkForErrorsAndWriteToFirebase = (req, res) => {
 const errors = validationResult(req);
    if (!errors.isEmpty()) {
      res.status(422).json({ errors: errors.array() });
    } else {
        firebaseManager(req);
        res.redirect('/done');
       }
    };
  module.exports = router;
...