Function useValidation

  • useValidation(): {
        commaAwareLength: ((param: {
            max?: number;
            min?: number;
        }) => ((value: any) => string | true));
        length: ((param: {
            max?: number;
            min?: number;
        }) => ((value: any) => string | true));
        required: ((message?: string) => ((value?:
            | string
            | number
            | boolean
            | string[]
            | boolean[]
            | number[]) => string | true));
    }

  • バリデーションチェックを行うロジックを生成します。

    Returns {
        commaAwareLength: ((param: {
            max?: number;
            min?: number;
        }) => ((value: any) => string | true));
        length: ((param: {
            max?: number;
            min?: number;
        }) => ((value: any) => string | true));
        required: ((message?: string) => ((value?:
            | string
            | number
            | boolean
            | string[]
            | boolean[]
            | number[]) => string | true));
    }

    • commaAwareLength: ((param: {
          max?: number;
          min?: number;
      }) => ((value: any) => string | true))
        • (param): ((value: any) => string | true)

        • カンマを考慮した文字数チェックを行う関数を返します。

          Parameters

          • param: {
                max?: number;
                min?: number;
            }

            パラメータ

            • Optionalmax?: number

              最大文字数

            • Optionalmin?: number

              最小文字数

          Returns ((value: any) => string | true)

          カンマを考慮した文字数チェック関数

            • (value): string | true

            • Parameters

              • value: any

              Returns string | true

    • length: ((param: {
          max?: number;
          min?: number;
      }) => ((value: any) => string | true))
        • (param): ((value: any) => string | true)

        • 文字数チェックを行う関数を返します。

          Parameters

          • param: {
                max?: number;
                min?: number;
            }

            パラメータ

            • Optionalmax?: number

              最大文字数

            • Optionalmin?: number

              最小文字数

          Returns ((value: any) => string | true)

          文字数チェック関数

            • (value): string | true

            • Parameters

              • value: any

              Returns string | true

    • required: ((message?: string) => ((value?:
          | string
          | number
          | boolean
          | string[]
          | boolean[]
          | number[]) => string | true))
        • (message?): ((value?:
              | string
              | number
              | boolean
              | string[]
              | boolean[]
              | number[]) => string | true)

        • 必須入力チェックを行う関数を返します。

          Parameters

          • Optionalmessage: string

            必須入力チェックエラーメッセージ

          Returns ((value?:
              | string
              | number
              | boolean
              | string[]
              | boolean[]
              | number[]) => string | true)

          必須入力チェック関数

            • (value?): string | true

            • Parameters

              • Optionalvalue:
                    | string
                    | number
                    | boolean
                    | string[]
                    | boolean[]
                    | number[]

              Returns string | true

    Example

    const { required } = Mdc.useValidation();
    const requiredFunction = required("入力必須項目です");
    // requiredFunctionをVuetifyが提供するVTextFieldコンポーネントのrulesプロパティに渡して制御するような使用方法を想定しています。

Settings

Member Visibility