En tant que développeurs, nous savons que la validation des formulaires est un élément essentiel de toute application. Que vous créiez un simple formulaire d'inscription ou un système de saisie de données complexe, il est essentiel de garantir l'exactitude et l'intégrité des saisies des utilisateurs. Cependant, fournir aux utilisateurs des commentaires utiles en cas de problème peut être tout aussi important. C'est là qu'intervient valid-correct : un nouveau package npm conçu pour faire passer la validation de votre formulaire au niveau supérieur.

Pourquoi valide-correct ?

valid-correct n'est pas simplement une autre bibliothèque de validation. Il est construit en mettant l’accent sur la gestion des erreurs et la correction des utilisateurs. Au lieu de simplement dire aux utilisateurs ce qu'ils ont fait de mal, valid-correct propose des suggestions concrètes sur la façon de corriger leur saisie, ce qui leur permet de bien faire les choses plus facilement du premier coup.

Principales fonctionnalités

Règles de validation complètes

valid-correct propose une large gamme de méthodes de validation, depuis des vérifications simples telles que requise, min et max jusqu'à des validations plus complexes utilisant des expressions régulières et des fonctions personnalisées.

Messages d'erreur détaillés

Chaque règle de validation vérifie non seulement la conformité, mais fournit également des messages d'erreur clairs et spécifiques. Ces messages aident les utilisateurs à comprendre exactement ce qui ne va pas.

Suggestions de corrections

Ce qui distingue valid-correct, c'est sa fonction de suggestion de correction. Lorsqu'une erreur de validation se produit, le package propose des conseils pratiques sur la façon de résoudre le problème, guidant les utilisateurs vers une saisie valide.

Intégration facile

L'intégration de valid-correct dans votre application Node.js existante est simple. Avec seulement quelques lignes de code, vous pouvez commencer à utiliser ce puissant outil de validation dans vos formulaires.

Comment commencer

Commencer avec valid-correct est simple. Tout d’abord, installez le package en utilisant npm :

npm install valid-correct

Ensuite, définissez votre schéma de validation. Voici un exemple rapide :

const Validator = require('valid-correct');

const schema = {
    username: value => Validator.string(value).required().min(3).max(30),
    email: value => Validator.string(value).email().required(),
    password: value => Validator.string(value).required().min(8).pattern(/^[a-zA-Z0-9]{8,}$/, 'Password must be at least 8 characters long and alphanumeric.')
};

const userInput = {
    username: 'jsmith',
    email: '[email protected]',
    password: 'pass123'
};

const validationResult = Validator.validate(userInput, schema);

if (validationResult.isValid) {
    console.log('Validation successful!');
} else {
    console.log('Validation errors:', validationResult.errors);
}

Dans l'exemple ci-dessus, nous définissons un schéma qui valide un nom d'utilisateur, une adresse e-mail et un mot de passe. Si l'un de ces champs échoue aux contrôles de validation, valid-correct renverra des messages d'erreur détaillés ainsi que des suggestions de correction.

Exemple d'erreurs de validation

Disons qu'un utilisateur soumet l'entrée suivante :

{
    "username": "js",
    "email": "john.smith@com",
    "password": "pass"
}

valid-correct peut renvoyer les erreurs de validation suivantes :

{
    "username": [
        {
            "message": "Minimum length is 3 characters.",
            "correction": "Please enter at least 3 characters. Current length is 2."
        }
    ],
    "email": [
        {
            "message": "Invalid email format.",
            "correction": "Please enter a valid email address (e.g., [email protected])."
        }
    ],
    "password": [
        {
            "message": "Password must be at least 8 characters long and alphanumeric.",
            "correction": "Please enter a valid password with at least 8 alphanumeric characters."
        }
    ]
}

Comme vous pouvez le constater, valid-correct fournit des instructions claires sur ce qui doit être corrigé, permettant ainsi aux utilisateurs de soumettre plus facilement des données valides.

Impliquez-vous !

Nous pensons que valide-correct a le potentiel de rendre la validation des formulaires plus facile et plus conviviale pour les développeurs du monde entier, mais nous avons besoin de votre aide pour le rendre encore meilleur ! Que vous soyez un contributeur open source chevronné ou que vous débutiez tout juste, nous serions ravis que vous vous impliquiez.

Voici comment vous pouvez contribuer :

• Signaler des bugs ou suggérer de nouvelles fonctionnalités via nos problèmes GitHub.
• Envoyez des demandes d'extraction avec des améliorations ou de nouvelles méthodes de validation.
• Faites passer le message en partageant valide-correct avec votre réseau.

Visitez le référentiel GitHub valide et correct pour en savoir plus et commencer.

Pensées finales

La validation du formulaire ne doit pas nécessairement être une corvée. Avec valide-correct, vous pouvez simplifier le processus tout en fournissant aux utilisateurs les conseils dont ils ont besoin pour réussir. Essayez-le aujourd'hui et dites-nous ce que vous en pensez !

Merci pour votre soutien et vos contributions. Ensemble, nous pouvons créer des outils qui rendent le développement plus facile et plus agréable pour tous.

Commencez avec valid-correct aujourd'hui : lien du package npm.