Автор оригинала: Abhilash Kakumanu.
Вступление
Почти каждый сайт включает в себя сбор пользовательского ввода через HTML-формы Отказ Всякий раз, когда мы собираем пользовательские данные, мы должны подтвердить его. В информатике, Валидация данных Является ли процесс проверки того, являются ли введенные данные разумными и разумными.
Рассмотрите возможность разработки формы для подписок электронной почты. В этом случае мы хотим проверить, следует ли отправленное письмо с универсальным форматом электронной почты, как [Защищена электронная почта]
Отказ Без валидации злонамеренные пользователи могут войти в бесполезные значения или даже выполнять инъекции SQL.
В этой статье мы будем выполнять проверку данных, используя Validator.js – Легкий пакет NPM, созданный именно для этой цели.
Установка Validator.js.
Давайте создадим каталог для нашего проекта, названный String-Validator
Переходите в него, создайте index.js
Точка входа и инициализировать проект узла с настройками по умолчанию, используя NPM
:
$ mkdir string-validator $ cd string-validator $ npm init -y
Тогда давайте:
$ touch index.js
После инициализации проекта мы можем установить Validator.js
Пакет с использованием:
$ npm install validator
Форма проверки данных с использованием Validator.js
Рассмотрим приложение для продажи книг, где пользовательский ввод впервые собирается с помощью HTML-формы. Затем эти данные отправляются в формате JSON на сервер для дальнейшей обработки. Давайте посмотрим, как можно сделать проверку строки для этого.
Допустим, это данные, которые отправляются с интерфейса. Давайте сохраним эти данные в index.js
файл. Также давайте потребуем Validator.js
В нашем файле:
const validator = require("validator") const data = { "gender": "male", "name": { "title": "mr", "first": "brad", "last": "gibson" }, "countryCode": "IE", "postalCode": "93027", "email": "[email protected]", "cell": "081-454-0666", "dob": "1993-07-20T09:44:18.674Z", "creditCardNumber": "4539415755005206", "book": { "title": "Harry Potter and the Deathly Hallows", "author": "Rowling, J. K.", "isbn": "9780545010221", "isbnVersion": "13" } }
Validator.js имеет много предварительно установленных функций для проверки достоверности различных входов, таких как кредитные карты, мобильные телефоны, электронные письма, почтовые коды и т. Д.
Во-первых, из всех давайте проверим, дает ли пользователь действительные детали кредитной карты. Это можно сделать с использованием:
console.log(validator.isCreditCard(data.creditCardNumber)); // true
Для того, чтобы доставить книгу, Почтовый индекс должен быть действительным. Итак, давайте проверим, используя:
console.log(validator.isPostalCode(data.postalCode, data.countryCode)) // false
Валидация номера телефона может быть сделана с использованием:
console.log(validator.isMobilePhone(data.cell, `en-${data.countryCode}`)); // false
Проверка электронной почты может быть сделана с использованием:
console.log(validator.isEmail(data.email)) // true
Кроме того, мы можем сделать проверку ISBN, используя:
console.log(validator.isISBN(data.book.isbn, data.book.isbnVersion)) // true
Затем мы можем предложить пользователю повторно ввести любую недопустимую информацию, чтобы убедиться, что у нас есть чистые, рабочие данные.
Заключение
В этой статье мы отправлялись над пакетом NPM Validator.js, который является легким пакетом, используемым для проверки данных и строки.