開発者として、私たちはフォーム検証があらゆるアプリケーションの重要な部分であることを知っています。単純なサインアップ フォームを構築する場合でも、複雑なデータ入力システムを構築する場合でも、ユーザー入力の正確性と整合性を確保することが不可欠です。ただし、何か問題が発生したときに役立つフィードバックをユーザーに提供することも同様に重要です。そこで、フォーム検証を次のレベルに引き上げるように設計された新しい npm パッケージである valid-correct が登場します。

なぜ正当性があるのか​​?

valid-correct は単なる検証ライブラリではありません。エラー処理とユーザー修正の両方に独自の焦点を当てて構築されています。 valid-correct は、ユーザーに何が間違っていたかを伝えるだけでなく、入力を修正する方法に関する実用的な提案を提供するため、ユーザーは最初から正しく入力することが容易になります。

主な特長

包括的な検証ルール

valid-correct は、required、min、max などの単純なチェックから、正規表現やカスタム関数を使用したより複雑な検証まで、幅広い検証方法を提供します。

詳細なエラーメッセージ

各検証ルールは、コンプライアンスをチェックするだけでなく、明確で具体的なエラー メッセージも提供します。これらのメッセージは、ユーザーが何が問題なのかを正確に理解するのに役立ちます。

修正案

valid-correct の特徴は、修正提案機能です。検証エラーが発生した場合、パッケージは問題の修正方法に関する実用的なアドバイスを提供し、有効な入力にユーザーを導きます。

簡単な統合

valid-correct を既存の Node.js アプリケーションに統合するのは簡単です。わずか数行のコードを書くだけで、この強力な検証ツールをフォームで使い始めることができます。

始め方

valid-correct を始めるのは簡単です。まず、npm:
を使用してパッケージをインストールします。

npm install valid-correct

次に、検証スキーマを定義します。簡単な例を次に示します:

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);
}

上記の例では、ユーザー名、電子メール、パスワードを検証するスキーマを定義します。これらのフィールドのいずれかが検証チェックに失敗した場合、valid-correct は修正提案とともに詳細なエラー メッセージを返します。

検証エラーの例

ユーザーが次の入力を送信したとします:

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

valid-correct は次の検証エラーを返す可能性があります:

{
    "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."
        }
    ]
}

ご覧のとおり、valid-correct は修正が必要なものについて明確な指示を提供するため、ユーザーは有効なデータを送信しやすくなります。

参加しましょう！

Valid-Correct には、あらゆる開発者にとってフォーム検証がより簡単で使いやすくなる可能性があると私たちは信じていますが、それをさらに改善するには皆さんのご協力が必要です。経験豊富なオープンソース コントリビュータであっても、これから始めたばかりであっても、ぜひご参加ください。

貢献方法は次のとおりです:

• GitHub の問題を通じてバグを報告したり、新機能を提案したりできます。
• 改善または新しい検証方法を含むプル リクエストを送信します。
• 正しい情報をネットワークと共有して情報を広めましょう。

詳細を確認して開始するには、有効かつ正しい GitHub リポジトリにアクセスしてください。

最終的な考え

フォームの検証は面倒な作業である必要はありません。 valid-correct を使用すると、プロセスを簡素化しながら、成功するために必要なガイダンスをユーザーに提供できます。今すぐ試して、ご意見をお聞かせください!

ご支援とご貢献に感謝いたします。私たちは力を合わせて、誰もが開発をより簡単に、そしてより楽しめるツールを作成することができます。

今日から valid-correct を始めましょう: npm パッケージ リンク。