使用Element Form 验证input输入信息,输入正确的值后,验证的错误信息不消失
解决方法:
1.rules里面的校验对象值要和el-form-item中的prop值完全一样;
2.el-form使用:model传入要绑定的form对象,el-input使用v-model来双向绑定其value值;
使用Element Form 验证,如图所示,点击确定,表单不能提交,确定按钮被禁用,于此同时提示信息出现,全部输入正确才能点击确定按钮,在做这个的时候我遇到了一个问题,发布日期不能为空时,提示发布日期不能为空。
rules校验规则,PN FC 中文描述,英文描述,发布日期等校验,当我把所有的都校验完准备提交的时候,再把发布日期的时间叉掉,就是不选的意思,结果控制台报出错误,说trim of undefind。是因为发布日期是时间控件,value.trim()===' '是去除首尾空格的所以保错。把trim()===去掉问题解决。
校验发布日期的回调函数。
校验发布日期的回调函数。与上面的rules规则的函数名字相对应
英文描述主要是使用了elementUi上面的校验方法。正则表达式怎么写的