JavaScriptでデータを検証する簡単な方法


前書き



私たちはプロジェクトやウェブサイトを構築していますが、解決が必要な問題に遭遇することがありますが、正しい方法でデータを検証する方法の問題が発生した場合、これは主要な問題であり、検証したいデータ構造は何ですか?ユーザーがメールを正しく入力できるようにするために特定のルールを追加したいのですが、それは難しすぎるか、文字列や正規表現などの検証の専門家ではありません.

の解き方 ?



開発者は、検証ライブラリを使用して問題を解決し、ビジネスに集中することを好みます.そのため、この時点で、人々が適切な構造と適切な設計でデータを記述するのに役立つ検証ライブラリの構築を開始することができます.

ボルダー ヴォルダーとは



は javascript npm パッケージであり、強力なオブジェクト スキーマ検証です.シンプルで読みやすいスキーマを使用してデータを記述し、要件に合わせて値を変換できます.カスタム エラー メッセージ、カスタム タイプ、およびネストされたスキーマがあります.
  • volder
  • volder documentaion website

  • ボルダー github 例を挙げましょう



    この例では、ユーザー ログインの検証に volder パッケージを使用します.最初に volder パッケージをインストールします.npm install --save volder
    volder パッケージには

  • 複数のデータを記述および構造化するための Volder コンストラクタ.
  • SingleVolder 関数は、単一データの記述に使用されます.
  • volder は、 EmailCreditCard などの他のタイプをサポートします.

  • このコードは、ユーザー検証のためにデータを記述する方法を示しています

    import { Volder, Email } from 'volder';
    
    
    const userSchema = new Volder({
        username: {
            type: [String, 'username must be in string'],
            alphanumeric: [true, 'username should only contain letters and numbers'],
            minLength: [4, 'username at least 4 characters'],
            maxLength: [16, 'username at most 16 characters'],
            required: [true, 'username is required'],
            trim: true
        },
        email: {
            type: [String ,'email must be in string'],
            pattern: [Email, 'not valid email'],
            maxLength: [150, 'email be at most 150 characters'],
            required: [ true,'email is required'],
            trim: true
        },
        password: {
            type: [String , 'password must be in string'],
            minLength:[8, 'password should be at least 8 characters'],
            maxLength: [30, 'password should be at most 30 characters'],
            required: [ true, 'password is required'],
            matches: ["^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]$", 'password must contain numbers and letters']
    
        }
    })
    
    const { valid, errors, value } = userSchema.validate(input);
    


    もっと例を見る:

    https://github.com/alguerocode/js-volder 私を助ける方法



    たとえば、volder をインストールしてプロジェクトで使用したり、 に貢献したり、⭐ スター ⭐ を volder repository に追加したりするなど、さまざまな方法があります.どうもありがとうございました.

    読んでくれてありがとう