组件必填验证
通过自定义属性 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。
更多说明见 切换必填。


