Validaci贸n de datos de formularios en Node.js con Validator.js

    Introducci贸n

    Casi todos los sitios web implican la recopilaci贸n de informaci贸n de los usuarios a trav茅s de formularios html. Siempre que recopilamos datos de usuarios, tenemos que validarlos. En Ciencias de la Computaci贸n, la validaci贸n de datos es el proceso de verificar si los datos ingresados 鈥嬧媠on sensibles y razonables.

    Considere desarrollar un formulario para suscripciones por correo electr贸nico. En este caso, queremos comprobar si el correo electr贸nico enviado sigue un formato de correo electr贸nico gen茅rico como [email聽protected]. Sin validaci贸n, los usuarios malintencionados pueden ingresar valores in煤tiles o incluso realizar inyecciones SQL.

    En este art铆culo, realizaremos la validaci贸n de datos de formularios utilizando Validator.js – un paquete ligero de NPM construido exactamente para este prop贸sito.

    Instalaci贸n de Validator.js

    Creemos un directorio para nuestro proyecto, llamado string-validator, mu茅vete, crea un index.js punto de entrada e inicializar un proyecto de node con la configuraci贸n predeterminada utilizando npm:

    $ mkdir string-validator
    $ cd string-validator
    $ npm init -y
    

    Entonces vamos:

    $ touch index.js
    

    Despu茅s de inicializar el proyecto, podemos instalar el Validator.js paquete usando:

    $ npm install validator
    

    Validaci贸n de datos de formularios con Validator.js

    Considere una aplicaci贸n para vender libros donde la entrada del usuario se recopila primero mediante un formulario HTML. Luego, estos datos se env铆an, en formato JSON, a un servidor para su posterior procesamiento. Veamos c贸mo se puede realizar la validaci贸n de cadenas para esto.

    Digamos que estos son los datos que se env铆an desde el front-end. Guardemos estos datos en el index.js archivo. Adem谩s, exijamos Validator.js en nuestro archivo:

    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 tiene muchas funciones preestablecidas para verificar la validez de diferentes entradas, como tarjetas de cr茅dito, tel茅fonos m贸viles, correos electr贸nicos, c贸digos postales, etc.

    Primero, de todo, verifiquemos si el usuario nos est谩 dando detalles v谩lidos de la tarjeta de cr茅dito. Esto se puede hacer usando:

    console.log(validator.isCreditCard(data.creditCardNumber)); // true
    

    Para poder entregar el libro, el c贸digo postal debe ser v谩lido. Entonces, verifiquemos eso usando:

    console.log(validator.isPostalCode(data.postalCode, data.countryCode)) // false
    

    La validaci贸n del n煤mero de tel茅fono se puede realizar mediante:

    console.log(validator.isMobilePhone(data.cell, `en-${data.countryCode}`)); // false
    

    La validaci贸n del correo electr贸nico se puede realizar mediante:

    console.log(validator.isEmail(data.email)) // true
    

    Adem谩s, podemos realizar la validaci贸n del ISBN mediante:

    console.log(validator.isISBN(data.book.isbn, data.book.isbnVersion)) // true
    

    Luego, podemos pedirle al usuario que vuelva a ingresar cualquier informaci贸n no v谩lida para asegurarnos de que tenemos datos limpios y viables.

    Conclusi贸n

    En este art铆culo, hemos repasado el paquete NPM Validator.js, que es un paquete ligero que se utiliza para la validaci贸n de cadenas y datos.

     

    Etiquetas:

    Deja una respuesta

    Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *