Skip to content

组件必填验证 ​

通过自定义属性 required,可以为组件添加必填验证。此功能适用于多种表单组件,并支持不同类型的 value。

此功能内部是通过自定义属性方式实现。

数据结构 ​

ts
type Required = boolean | string | {
    message ?: String; // 自定义错误信息
    trigger ?: String; // 触发验证的事件,例如 'blur' 或 'change'
    required ?: boolean; // 是否为必填项
    validator ?: Function; // 自定义验证函数
}

示例 ​

设置 input 必填 ​

通过简单的 required: true,您可以为 input 组件添加必填验证。当用户未填写该字段时,表单验证将失败。

自定义错误信息 ​

您可以通过 required: '请输入内容',定制化必填验证的错误信息。这在多语言支持或需要精确提示时非常有用。

动态切换 ​

api.required 用来切换字段的自定义必填状态。不传字段时作用于全部字段。

js
fApi.required(true);
fApi.required(false, 'goods_name');
fApi.required(true, ['goods_name', 'price']);

$required 是对象时,只修改对象里的 required,错误信息会保留。是布尔值、字符串或未设置时,会写成 true 或 false。

更多说明见 切换必填。

FormCreate 是一个开源项目,基于 MIT 许可证发布,欢迎个人和企业用户免费使用