Skip to content

字段校验

简单校验

默认会根据字段的name字段生成必填提示信息,可以通过required字段控制是否必填

TIP

组件也会根据字段的name自动生成placeholder信息,可以通过placeholder字段覆盖默认的占位提示符

WARNING

表单会根据使用的组件类型自动校验数据类型,也可以通过requiredType字段覆盖默认的校验数据类型string

js
[
	{
		key: 'key',
		type: 'el-input',
		name: '名称',
		placeholder: '这是覆盖默认的占位符',
		required: true,
		requiredType: 'number',
	},
]

通过rules自定义校验

js
{
	name: '正整数校验',
	required: true,
	type: 'el-input-number',
	key: 'batchCount',
	componentProps: {
		min: 1,
	},
	value: 1,
	rules: [{
		required: true,
		message: '请输入正整数',
		trigger: ['change'],
		pattern: /^[1-9]\d*$/,
	},
	],
}

示例

Released under the MIT License.