How to show validation message error after user do submission in node js?

Question

I am not able to get the error message even though the value that i inputted is empty. It always return me { first: '', last: '' }. While i inputted some values, it returns as expected.

var express = require('express');
var parser = require('body-parser');
var path = require('path');
var session = require('express-session');
const { check, validationResult } = require('express-validator');
var app = express();
app.set('port',(process.env.PORT || 5000));
app.use(parser.urlencoded({ extended: false }))
app.use(parser.json())

app.use(function(req,res,next){
    res.locals.userValue = null;
    res.locals.errors = null;
    next();
})
app.use(session({
    secret: 'keyboard cat',
    resave: false,
    saveUninitialized: true,
    cookie: { maxAge: 60000 }
  }))

app.set('view engine','ejs');
app.set('views',path.join(__dirname,'views'))


app.get('/',function(req,res){
    res.render('home',{
        topicHead : 'Student Form'
    });
    console.log('user accessing Home page');
});
app.post('/student/add',function(req,res){
    let fname = req.body.fname
    let lname = req.body.lname
    // Check Input Field
    check('fname','Name is required').not().isEmpty(),
    check('lname','Name is required').not().isEmpty()
    const result= validationResult(req);
    var errors = result.errors;

  if (!result) {
  //response validate data to register.ejs
     res.render('home', {
      errors: errors
    })
    console.log('Error');
  }
  else{
    var student = {
        first : fname,
        last : lname
    }
    console.log(student);
    res.render('home',{
        userValue : student,
        topicHead : 'Student Form'
    });
    console.log('OK');
  }  
});
app.listen(app.get('port'),function(){
    console.log('server running on port '+app.get('port'));
})


<body>
    <form name="form1" method="POST" action="/student/add">
    <table>
        <tr>
        <td>First name</td>
        <td><input type="text" name="fname" ></td>
        </tr>
        <tr>
        <td>last name</td>
        <td><input type="text" name="lname" ></td>
        </tr>
        <tr>
        <td colspan="2"><input type="submit" value="Save" ></td>
        </tr>
    </table>
    </form>
    <% if (locals.errors) { %>
        <ul>
            <% Object.values(errors).forEach(function(error){ %>
                  <li><%= error.msg %></li>
            <% }); %>
        </ul>
        <% } %>
</body>

I expect the output is show the error message instead of { first: '', last: '' } and Error console log should be display instead OK console log displayed

what is your validationResult function?

1565986223
– 1565986223

2019-08-18 06:20:02 +00:00
Commented Aug 18, 2019 at 6:20 — 1565986223
– 1565986223, Commented Aug 18, 2019 at 6:20

NS23 · Accepted Answer · 2019-08-18 09:31:27Z

1

As per express-validator documentation, It looks like check is used in the wrong way. https://express-validator.github.io/docs/index.html

Below code snippet should solve the issue.

   app.post('/student/add',[
    check('fname','Name is required').not().isEmpty(),
    check('lname','Name is required').not().isEmpty()
  ],function(req,res){
    // Check Input Field

    const result= validationResult(req);
    var errors = result.errors;

    let fname = req.body.fname
    let lname = req.body.lname
  if (!result) {
  //response validate data to register.ejs
     res.render('home', {
      errors: errors
    })
    console.log('Error');
  }
  else{
    var student = {
        first : fname,
        last : lname
    }
    console.log(student);
    res.render('home',{
        userValue : student,
        topicHead : 'Student Form'
    });
    console.log('OK');
  }  
});

edited Aug 18, 2019 at 9:31

answered Aug 18, 2019 at 8:30

NS23

8047 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

louis ferdianto Over a year ago

It solved by change the !result into errors and it will print out the error message. Thank you so much

Collectives™ on Stack Overflow

How to show validation message error after user do submission in node js?

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related