ListenLove/note-blog

formily如何使用基于JSON-schema对象表单渲染规则添加 required 自定义提示信息?

Opened this issue · 0 comments

使用x-validator

按特定规则传给x-validator即可, 具体规则见必填校验规则构造器

必填校验规则构造器

/**
 * 必填校验构造器
 * @param message 必填校验的提示信息
 * @returns 必填校验构造规则
 */
export const requiredValidator = (message: string) => {
	return {
		required: true,
		validator(value: any) {
			// to string
			value = `${value}`;
			return value && value.length > 0;
		},
		message
	};
};

基本使用

const schema = {
	type: "object",
	properties: {
		code: {
			type: "string",
			title: "编码",
			// 必填校验
			"x-validator": requiredValidator("请输入编码"),	// 传入提示信息
			"x-decorator": "FormItem",
			"x-component": "Input",
			"x-component-props": {
				placeholder: "请输入"
			}
		},
		// 更多 ...
	}
}