express-validator setup - Mini Project: Build & Apply

express-validator setup

📖 Scenario: You are building a simple Express server that needs to check user input for a registration form. To keep the server safe and clean, you want to add validation to the input fields.

🎯 Goal: Set up express-validator in an Express app to validate a user's email and password fields in a POST request.

📋 What You'll Learn

Create an Express app with express imported

Import express-validator functions check and validationResult

Add a POST route /register that uses check to validate email and password

Use validationResult to handle validation errors in the route

💡 Why This Matters

🌍 Real World

Validating user input on the server helps prevent bad data and security issues in web applications.

💼 Career

Express-validator is a common tool used by backend developers to ensure data integrity and improve app reliability.

1

Create Express app and import express-validator

Create a variable called express by requiring the 'express' package. Then create an Express app by calling express() and assign it to a variable called app. Next, import check and validationResult from the 'express-validator' package using destructuring assignment.

Express

const express = require('express');
const app = express();
const { check, validationResult } = require('express-validator');
// Your code here

Hint

Use require('express') to import Express and require('express-validator') to import the validator functions.

2

Add middleware to parse JSON body

Add middleware to the Express app by calling app.use(express.json()) to enable JSON body parsing for incoming requests.

Express

const express = require('express');
const app = express();
const { check, validationResult } = require('express-validator');

// Add JSON body parser middleware
// Your code here

Hint

Use app.use(express.json()) to parse JSON bodies sent by clients.

3

Create POST /register route with validation checks

Create a POST route on /register using app.post. Add validation middleware using check to validate the email field is a valid email and the password field has a minimum length of 6 characters.

Express

const express = require('express');
const app = express();
const { check, validationResult } = require('express-validator');

app.use(express.json());

// Create POST /register route with validation
// Your code here

Hint

Use app.post('/register', [check(...), check(...)], (req, res) => { ... }) to add validation middleware.

4

Handle validation results and send response

Inside the POST /register route handler, use validationResult(req) to get validation errors. If there are errors, respond with status 400 and a JSON object containing the errors. Otherwise, respond with status 200 and a JSON message { message: 'User registered successfully' }.

Express

const express = require('express');
const app = express();
const { check, validationResult } = require('express-validator');

app.use(express.json());

app.post('/register', [
  check('email').isEmail(),
  check('password').isLength({ min: 6 })
], (req, res) => {
  // Use validationResult to check for errors
  // Your code here
});

Hint

Use validationResult(req) to get errors, check if empty, and respond accordingly.

Practice

1. What is the main purpose of using express-validator in an Express app?

easy

A. To handle server errors automatically

B. To create database connections

C. To serve static files

D. To check and clean user input data

Solution

1. Step 1: Understand express-validator's role

   express-validator is a tool used to validate and sanitize user input in Express applications.

2. Step 2: Compare options with express-validator's purpose

   Only 'To check and clean user input data' matches this purpose. Options A, B, and C relate to other Express features.

3. Final Answer:

   To check and clean user input data -> Option D

4. Quick Check:

   express-validator = input validation [OK]

Hint: express-validator is for input checks, not server or DB tasks [OK]

Common Mistakes:

• Confusing express-validator with database tools
• Thinking it handles static files or errors automatically

2. Which of the following is the correct way to import the body validator from express-validator?

easy

A. const { body } = require('express-validator');

B. import { body } from 'express-validator';

C. import body from 'express-validator';

D. const body = require('express-validator').body();

Solution

1. Step 1: Identify modern import syntax for express-validator

   express-validator exports named functions like body, so use named import syntax.

2. Step 2: Choose correct ES module import

   import { body } from 'express-validator'; uses import { body } from 'express-validator'; which is correct for ES modules.

3. Final Answer:

   import { body } from 'express-validator'; -> Option B

4. Quick Check:

   Named import syntax = import { body } from 'express-validator'; [OK]

Hint: Use named imports with curly braces for express-validator [OK]

Common Mistakes:

• Using default import instead of named import
• Calling body() during import
• Using require without destructuring

3. Given this Express route setup using express-validator, what will be the response if the email field is missing in the request body?

import { body, validationResult } from 'express-validator';

app.post('/signup', [
  body('email').isEmail(),
  body('password').isLength({ min: 6 })
], (req, res) => {
  const errors = validationResult(req);
  if (!errors.isEmpty()) {
    return res.status(400).json({ errors: errors.array() });
  }
  res.send('Signup successful');
});

medium

A. Status 400 with error about missing or invalid email

B. Status 200 with message 'Signup successful'

C. Status 500 server error

D. Status 400 with error about password length only

Solution

1. Step 1: Understand validation rules

   The route requires 'email' to be a valid email and 'password' to be at least 6 characters.

2. Step 2: Analyze missing email field effect

   Missing 'email' fails isEmail() check, so validationResult(req) will contain errors.

3. Step 3: Check response on validation failure

   The code returns status 400 with error details if errors exist.

4. Final Answer:

   Status 400 with error about missing or invalid email -> Option A

5. Quick Check:

   Missing email triggers validation error = Status 400 with error about missing or invalid email [OK]

Hint: Missing required field triggers 400 error with validation message [OK]

Common Mistakes:

• Assuming success response despite missing fields
• Confusing status codes for validation errors
• Ignoring validationResult check

4. Identify the error in this express-validator setup:

import { body, validationResult } from 'express-validator';

app.post('/login', (req, res) => {
  body('username').notEmpty();
  body('password').isLength({ min: 8 });

  const errors = validationResult(req);
  if (!errors.isEmpty()) {
    return res.status(422).json({ errors: errors.array() });
  }
  res.send('Login successful');
});

medium

A. Validators are not used as middleware before the route handler

B. validationResult is called incorrectly

C. Missing import of express

D. Response status code 422 is invalid

Solution

1. Step 1: Check how validators are applied

   Validators like body('username').notEmpty() must be middleware before the route handler, not called inside it.

2. Step 2: Identify correct middleware usage

   Validators should be passed as an array before the handler function in app.post.

3. Final Answer:

   Validators are not used as middleware before the route handler -> Option A

4. Quick Check:

   Validators must be middleware, not called inside handler [OK]

Hint: Validators go before handler as middleware, not inside it [OK]

Common Mistakes:

• Calling validators inside route handler function
• Ignoring middleware order
• Assuming validationResult usage is wrong

5. You want to validate a user registration form with fields: email, password, and age. The rules are: email must be valid, password at least 8 characters, and age must be an integer between 18 and 99. Which express-validator setup correctly applies these rules and handles errors?

hard

A. app.post('/register', [
body('email').isEmail(),
body('password').isLength({ min: 8 }),
body('age').isInt({ min: 18, max: 99 })
], (req, res) => {
res.send('Registration complete');
});

B. app.post('/register', (req, res) => {
body('email').isEmail();
body('password').isLength({ min: 8 });
body('age').isInt({ min: 18, max: 99 });
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(400).json({ errors: errors.array() });
}
res.send('Registration complete');
});

C. app.post('/register', [
body('email').isEmail(),
body('password').isLength({ min: 8 }),
body('age').isInt({ min: 18, max: 99 })
], (req, res) => {
const errors = validationResult(req);
if (!errors.isEmpty()) {
return res.status(400).json({ errors: errors.array() });
}
res.send('Registration complete');
});

D. app.post('/register', [
body('email').isEmail(),
body('password').isLength({ min: 8 }),
body('age').isInt({ min: 18, max: 99 })
], (req, res) => {
const errors = validationResult(req);
if (errors.isEmpty()) {
return res.status(400).json({ errors: errors.array() });
}
res.send('Registration complete');
});

Solution

1. Step 1: Check middleware usage for validators

   Validators must be passed as middleware array before the route handler, as in three of the choices.

2. Step 2: Verify error handling logic

   app.post('/register', [ body('email').isEmail(), body('password').isLength({ min: 8 }), body('age').isInt({ min: 18, max: 99 }) ], (req, res) => { const errors = validationResult(req); if (!errors.isEmpty()) { return res.status(400).json({ errors: errors.array() }); } res.send('Registration complete'); }); correctly checks !errors.isEmpty() to detect errors and respond with status 400. app.post('/register', [ body('email').isEmail(), body('password').isLength({ min: 8 }), body('age').isInt({ min: 18, max: 99 }) ], (req, res) => { res.send('Registration complete'); }); skips error checking. app.post('/register', [ body('email').isEmail(), body('password').isLength({ min: 8 }), body('age').isInt({ min: 18, max: 99 }) ], (req, res) => { const errors = validationResult(req); if (errors.isEmpty()) { return res.status(400).json({ errors: errors.array() }); } res.send('Registration complete'); }); reverses the condition incorrectly. app.post('/register', (req, res) => { body('email').isEmail(); body('password').isLength({ min: 8 }); body('age').isInt({ min: 18, max: 99 }); const errors = validationResult(req); if (!errors.isEmpty()) { return res.status(400).json({ errors: errors.array() }); } res.send('Registration complete'); }); calls validators inside handler, which is wrong.

3. Final Answer:

   The setup with validators as middleware array and correct !errors.isEmpty() check -> Option C

4. Quick Check:

   Middleware validators + correct error check = app.post('/register', [ body('email').isEmail(), body('password').isLength({ min: 8 }), body('age').isInt({ min: 18, max: 99 }) ], (req, res) => { const errors = validationResult(req); if (!errors.isEmpty()) { return res.status(400).json({ errors: errors.array() }); } res.send('Registration complete'); }); [OK]

Hint: Use middleware array and check !errors.isEmpty() for validation [OK]

Common Mistakes:

• Calling validators inside route handler
• Skipping validationResult error check
• Reversing error condition logic