elementui form必填项显示红色星号但不触发校验

阳光穿透心脏的1/2处 2022-10-16 06:06 5阅读 0赞

## 封装的form组件 父组件传rules,必填项显示红色星号但不触发校验 ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thX3hpbmds_size_16_color_FFFFFF_t_70]  
dataForm和表单加载item对应项必须相同，我一开始顺序ip和datasource顺序写反了

× dataForm: { 
    	ip: '',
    	datasource: '',
    	port: '',
    	username: '',
    	password: '',
    	databaseName: '',
    	version: ''
     },
    √ dataForm: { 
    	datasource: '',
    	ip: '',
    	port: '',
    	username: '',
    	password: '',
    	databaseName: '',
    	version: ''
    },
    dataFormLabel() { 
    	return [{ 
    			model: 'datasource',
    			label: '数据源名称',
    			type: 'input'
    		},
    		{ 
    			model: 'ip',
    			label: '数据源ip',
    			type: 'input'
    		},
    		{ 
    			model: 'port',
    			label: '端口',
    			type: 'input'
    		},
    		{ 
    			model: 'username',
    			label: '用户名',
    			type: 'input'
    		},
    		{ 
    			model: 'password',
    			label: '密码',
    			type: 'input'
    		},
    		{ 
    			model: 'databaseName',
    			label: '数据库名称',
    			type: 'inputButton'
    		},
    		{ 
    			model: 'version',
    			label: '版本号',
    			type: 'select',
    			options: this.versionOptions
    		}
    	]
    }

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2thX3hpbmds_size_16_color_FFFFFF_t_70]: /images/20221014/f80ff8989448457fa64cde552afd7a47.png

发表评论取消回复

表情：

评论列表（有 0 条评论，5人围观）

还没有评论，来说两句吧...

相关阅读

相关 Dynamics 365 前台必填字段校验

使用场景：自定义按钮时不会像保存按钮那样自动校验必填字段，所以需要我们自己做一些校验。可以通过如下方法来做校验。这个可以当作参考，使用setNotification估计没有

野性酷女/ 2024年03月27日 11:59/ 0 赞/ 61 阅读

相关 TextView 必填项pro版

优点 > 基本解决对齐方式,可以设置前缀隐藏和显示 / https://blog.csdn.net/u013982652/article/details

雨点打透心脏的1/2处/ 2023年10月13日 19:28/ 0 赞/ 50 阅读

相关 Layui表单必填项自动打红色*号

一般的打星号写法： <span style="color:red"></span> 通过CSS更加规范统一整齐 <style> .layui-

我不是女神ヾ/ 2023年10月05日 13:20/ 0 赞/ 36 阅读

相关 vue表单必填项前面添加红色*

vue [表单][Link 1]必填项前面添加红色\和提示信息 1.效果图 ![在这里插入图片描述][20200811153932900.png] 2.实现代码

野性酷女/ 2023年09月29日 14:29/ 0 赞/ 103 阅读

相关 vue + elementUI 的表单实现部分必填项校验

接手过一个vue + element 项目，要求对 from 表单进行部分校验；两个按钮点击分别校验表单里面的不同项。主要用到了 elementUI 的 form 表单提供

灰太狼/ 2023年01月02日 06:26/ 0 赞/ 161 阅读

相关 elementui form必填项显示红色星号但不触发校验

封装的form组件父组件传rules,必填项显示红色星号但不触发校验 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_s

阳光穿透心脏的1/2处/ 2022年10月16日 06:06/ 0 赞/ 6 阅读

相关 bootstrapValidator不触发校验

一、前言 BootstrapValidator是基于bootstrap3的jquery表单验证插件，是最适合bootstrap框架的表单验证插件，在工作中用到此框架就写下

不念不忘少年蓝@/ 2022年06月17日 00:06/ 0 赞/ 481 阅读

相关 js校验必须为数字，必填项控制

input只能输入数字js： $('input:not(:eq(1))').keyup(function() \{ if (this.val

浅浅的花香味﹌/ 2022年05月08日 10:30/ 0 赞/ 275 阅读

相关别人调我校验必填项(我提供接口)

一要求 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLm

比眉伴天荒/ 2022年02月05日 09:47/ 0 赞/ 219 阅读

相关 lay-verify进行非必填项校验

它默认都验证了！需要调整源码！`form.js`,`layui.all.js` this.config = { veri

客官°小女子只卖身不卖艺/ 2021年11月09日 02:08/ 0 赞/ 506 阅读