Skip to content

Rules(校验)

用于 Input rules 的辅助方法。每个工厂返回一个 InputRule

API

ts
import { rules, runRules } from 'pomikit-ui'
import type { InputRule } from 'pomikit-ui'

type InputRule = (value: string) => true | string | null | undefined | void
Helper行为
rules.required(message?)trim 后非空
rules.email(message?)空或有效邮箱
rules.min(length, message?)最小长度
rules.max(length, message?)最大长度
runRules(value, list)第一条失败消息,或 undefined

示例

vue
<script setup lang="ts">
import { ref } from 'vue'
import { Field, Input, rules } from 'pomikit-ui'

const password = ref('')
</script>

<template>
  <Field label="Password" required>
    <Input
      v-model="password"
      type="password"
      :rules="[
        rules.required(),
        rules.min(8, 'Use at least 8 characters'),
      ]"
    />
  </Field>
</template>

自定义规则是普通函数:成功时返回 true(或空值),失败时返回字符串消息。