elementui 表单校验validate不起效果

原因:

  • 自定义的validator验证方式需要调用callback。

    验证失败callabck(new Errno('')). 验证成功 callback()

javascript 复制代码
 var checkNumber3 = (rule, value, callback) => {
      if (value && !Number.isInteger(value)) {
        callback(new Error("请输入数字值"));
      } else {
        callback();
      }
    };

其他原因:

  • el-form 应该使用:model="form" 而不是v-model="form"
  • checkbox radio无法校验 注意使用的tigger是change而不是blur
    参考
相关推荐
Jiaberrr4 分钟前
Vue 3 中搭建菜单权限配置界面的详细指南
前端·javascript·vue.js·elementui
科科是我嗷~8 分钟前
【uniapp】textarea maxlength字数计算不准确的问题
javascript·uni-app·html
懒大王95279 分钟前
uniapp+Vue3 组件之间的传值方法
前端·javascript·uni-app
烛阴1 小时前
秒懂 JSON:JavaScript JSON 方法详解,让你轻松驾驭数据交互!
前端·javascript
拉不动的猪1 小时前
刷刷题31(vue实际项目问题)
前端·javascript·面试
zeijiershuai1 小时前
Ajax-入门、axios请求方式、async、await、Vue生命周期
前端·javascript·ajax
恋猫de小郭1 小时前
Flutter 小技巧之通过 MediaQuery 优化 App 性能
android·前端·flutter
只会写Bug的程序员1 小时前
面试之《webpack从输入到输出经历了什么》
前端·面试·webpack
拉不动的猪1 小时前
刷刷题30(vue3常规面试题)
前端·javascript·面试
狂炫一碗大米饭2 小时前
面试小题:写一个函数实现将输入的数组按指定类型过滤
前端·javascript·面试