Function useValidation

Returns {
    commaAwareLength: (
        param: { max?: number; min?: number },
    ) => (value: any) => string | true;
    length: (
        param: { max?: number; min?: number },
    ) => (value: any) => string | true;
    rangeValidate: (
        __namedParameters: {
            editor?:
                | DetailNumericRangePropertyEditor
                | DetailDateRangePropertyEditor;
            key?: string;
        },
    ) => (value?: string) => true | "";
    required: (
        message?: string,
    ) => (
        value?: string | number | boolean | string[] | boolean[] | number[],
    ) => string | true;
}

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

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

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

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

• rangeValidate: (
      __namedParameters: {
          editor?:
              | DetailNumericRangePropertyEditor
              | DetailDateRangePropertyEditor;
          key?: string;
      },
  ) => (value?: string) => true | ""

  範囲系の入力チェックを行う関数を返します

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

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

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