`validate.js verifying the elements within an array`

Question

`validate.js verifying the elements within an array`

One of the challenges I'm facing in my JavaScript project is dealing with objects that have two array properties included. As part of my development process, I've decided to utilize the resources provided by the validate.js library.

To illustrate, let's take a look at an example:

var customer = {
   name: 'Ted',
   address: 'some address',
   friends: ['Michelle','Elon'],
   purchases: [{ qty:1, goods: 'eggs'}, { qty:2, goods: 'apples'}]
}

Currently, I am seeking to implement validation for the following criteria:

Ensure that the array of friends only consists of string elements.
Validate that the array of purchases includes between 1 and 5 entries while also confirming that the quantity (qty) field is always numeric.

I would appreciate guidance on how to accomplish this using validate.js.

javascript arrays validation

Answer 1

Answer №1

If you want to create a personalized validator, you can develop a custom validation method named array:

import validate from 'validate.js/validate'
import isEmpty from 'lodash-es/isEmpty'

validate.validators.array = (arrayItems, itemConstraints) => {
  const arrayItemErrors = arrayItems.reduce((errors, item, index) => {
    const error = validate(item, itemConstraints)
    if (error) errors[index] = { error: error }
    return errors
  }, {})

  return isEmpty(arrayItemErrors) ? null : { errors: arrayItemErrors }
}

To implement this custom validator, follow these steps:

const customerConstraints = {
  purchases: {
    array: {
      qty: {
        numericality: {
          onlyInteger: true,
          greaterThan: 0,
          lessThanOrEqualTo: 5
        }
      }
    }
  }
}

const customerErrors = validate(customer, customerConstraints)

When looping through the customer.purchases array in your code, you can check for any errors in purchase items using

customerErrors.purchases.errors[index].error.qty

Answer 2

If you want to create a personalized validator, you can develop a custom validation method named array:

import validate from 'validate.js/validate'
import isEmpty from 'lodash-es/isEmpty'

validate.validators.array = (arrayItems, itemConstraints) => {
  const arrayItemErrors = arrayItems.reduce((errors, item, index) => {
    const error = validate(item, itemConstraints)
    if (error) errors[index] = { error: error }
    return errors
  }, {})

  return isEmpty(arrayItemErrors) ? null : { errors: arrayItemErrors }
}

To implement this custom validator, follow these steps:

const customerConstraints = {
  purchases: {
    array: {
      qty: {
        numericality: {
          onlyInteger: true,
          greaterThan: 0,
          lessThanOrEqualTo: 5
        }
      }
    }
  }
}

const customerErrors = validate(customer, customerConstraints)

When looping through the customer.purchases array in your code, you can check for any errors in purchase items using

customerErrors.purchases.errors[index].error.qty

`validate.js verifying the elements within an array`

Answer №1

Similar questions

Encoding identification data from JSON using ColdFusion

Monitoring and recording Ajax requests, and retrying them if they were unsuccessful

Tips for Passing the correct ID to the modal component in reactJs

Aurelia TypeScript app experiencing compatibility issues with Safari version 7.1, runs smoothly on versions 8 onwards

Execute controller action upon item selection within KODataTable MVC table

What is the purpose of passing data into the 'success' function of an AJAX request?

Error message stating that there is no property 'collection' in Firestore when using Firebase v9 modular syntax in Firebase Firestore

Running PHP scripts from JavaScript

What is the best way to configure dependencies for a production deployment when utilizing Babel within the build script?

Storing JSON data in LocalStorage or within the App on Ionic 2

Tips for displaying specific information using Javascript depending on the input value of an HTML form

What could be the reason for the Express function Router() returning a value of undefined?

Data is stored in Django Fullcalendar without saving it in the database, instead a primary key is generated

Uploading files with Multer and handling the JSON object

Encountering a Javascript error while trying to optimize bundling operations

Utilize the double parsing of JSON information (or opt for an alternative technique for dividing the data

The click event for getelementbyid() function is malfunctioning

The jQuery plugin is not functioning properly on the subdomain

Updates to $scope are not reflecting in the application

How to ensure a div within an anchor tag occupies the full width in HTML and CSS?