前端实现自定义表单组件开发

~ climber ~

于 2024-07-19 14:06:03 发布

阅读量416

点赞数 3

分类专栏： js 实用技巧文章标签：前端 javascript 开发语言

本文链接：https://blog.csdn.net/weixin_36430673/article/details/140547622

版权

1、组件介绍

自定义表单，表单上的字段、输入控件、验证规则、数据结构等可动态设置。

2、接口数据介绍

[{"condition_type":13,"condition_name":"发送者匹配模式","setting":{"base_filed":{"fields":[{"field":"email","cn_name":"电子邮件地址","input":"text","tip":"例:*@test.com,smith@business.com 支持通配符,多个用英文逗号隔开,最多1024个字符","verify":[{"type":"email"}]},{"field":"ip","cn_name":"IP地址","input":"text","tip":"例:192.168.0.*,10.1.10.120 支持通配符,多个用英文逗号隔开,最多1024个字符","verify":[{"type":"ip"}]}]},"advanced_field":{"fields":[{"field":"matchType","cn_name":"匹配条件","input":"radio","range":[{"label":"检查存在","value":1},{"label":"计算所有匹配",&