当前位置:首页 > 编程笔记 > 正文
已解决

element UI表单验证,自定义验证规则

来自网友在路上 162862提问 提问时间:2023-09-21 12:33:58阅读次数: 62

最佳答案 问答题库628位专家为你答疑解惑

validator

可以为指定字段自定义验证函数——这就相当于把前边配置的东西用js按照以前的方式编写验证逻辑了。虽然麻烦点,但是能实现比较复杂的业务逻辑判断。

<el-form-itemlabel="中奖概率"prop="rate":rules="[{ required: true, message: '中奖概率不能为空'},{ type: 'number',validator:(rules,value,callback) =>{if((value+'').indexOf('.')>0){callback(new Error('中奖概率必须为整数'));}else if(value>100||value<=0){callback(new Error('中奖概率必须为小于100的整数'));}else{//这里已验证通过callback()}}}]"><el-input v-model.number="editnumberValidateForm.rate" autocomplete="off"placeholder="输入小于100的整数" style="width: 160px"></el-input>
</el-form-item>
查看全文

99%的人还看了

猜你感兴趣

版权申明

本文"element UI表单验证,自定义验证规则":http://eshow365.cn/6-10685-0.html 内容来自互联网,请自行判断内容的正确性。如有侵权请联系我们,立即删除!