这篇文章主要介绍了Vue Element校验validate的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
官方文档
限制输入指定类型
添加type限制即可，type包括以下值：
例子：
rules: { bann<b style="color:transparent">本文来源gao@!dai!ma.com搞$$代^@码!网!</b>erType: [ { required: true, message: '请选择类型', trigger: 'change'} ], associateId: [ { required: true, message: '请选择公告', trigger: 'change'} ], associateData: [ { required: true, type: 'url', message: '输入合法的链接', trigger: 'change' } ] }
限定输入字符串的长度
用min和max加以限制，element validate具体某个值后的限制规则是个数组，可以添加多个限制。
例子：
rules: { rewardReason: [ { required: true, message: '请输入加分原因', trigger: 'blur' }, { max: 500, message: '不得超过500字符' } ] }
限定输入的数值介于某两个值之间，即限定最大和最小输入
也是通过min和max限定的，但是发现直接用不行，查了下输入的时候el-input的v-model要加.number限制，即v-model.number。例子：
rules: { rewardReason: [ { required: true, message: '请输入加分原因', trigger: 'blur' }, { max: 500, message: '不得超过500字符' } ] }
补充知识：vue组件库element-ui 的validate方法
validate（）时elment-ui封装好的用于对整个表单进行验证
validate的参数是一个回调函数。该回调函数在校验结束后被调用，是否校验成功和未通过校验的字段。
若不传入回调函数，则会返回以promise
参数：Function( callback : Function( boolean,obj ) )
isPass是布尔值，为true时表示校验通过。
调用validate()校验时，需要prop属性绑定校验项的字段名，如上图所示。
如果prop属性不绑定name这个字段名，表单校验时，不会校验变量ruleForm.name 的值。
以上就是Vue Element校验validate的实例的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：Vue Element校验validate的实例
转载请注明原文链接：Vue Element校验validate的实例
