element ui 自定义校验不进入表单validate验证

这篇具有很好参考价值的文章主要介绍了element ui 自定义校验不进入表单validate验证。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

解决表单提交验证时自定义的校验规则错误问题

错误代码:
var numReg = (rule, value, callback) => {

      if (value === "") {

        callback(new Error("请输入数量"));

      } else if (!/^\d+$/.test(value)) {

        callback(new Error("请输入整数"));

      }

    };

这段代码中只有value为空、不是整数才执行,当为整数的时候没有返回对于的执行函数callback(); 所以为整数时返回执行函数callback()

正确代码:
var numReg = (rule, value, callback) => {

      if (value === "") {

        callback(new Error("请输入数量"));

      } else if (!/^\d+$/.test(value)) {

        callback(new Error("请输入整数"));

      }else{

        callback();

    };

结束语:

希望这篇文章能帮助到大家,如有不对之处,还请指正。愿我们一起成长。文章来源地址https://www.toymoban.com/news/detail-509018.html

到了这里,关于element ui 自定义校验不进入表单validate验证的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Element ui plus Form 表单验证失败后,自动滚动到失败的位置(validate)(scrollToField)

    对于表单验证失败后,想自动定位到失败的位置  1.首先发起表单验证,失败后拿到组件失败的回调参数 valid:返回一个boolean类型 ValidateFieldsError:返回失败的组件信息,如下  当valid为false时,利用scrollToField() 滚动到相应的错误位置处 代码如下:

    2024年02月11日
    浏览(40)
  • vue + element UI 表单中内嵌自定义组件的表单校验触发方案

    在表单中,可能部分表单项需封装成自定义组件,如何在表单提交时,能同步触发自定义组件的表单校验? 将表单绑定的变量传入自定义组件中,在自定义组件中定义表单校验规则 内嵌自定义组件 srctestindex.vue srctestsearch_job.vue

    2024年02月14日
    浏览(46)
  • element ui中表单校验 以及文件上传的校验

    使用el-form组件 对表单项进行校验 通过配置 el-form 中的 :rules=“toDealRules” 对表单的每一项增添验证规则,验证规则写在 toDealRules 中,注意要对每一个需要校验的 el-form-item 项配置 prop 属性,每一条属性对应一条校验规则。每一个prop对应 toDealRules 中的一个数组。 对文件上传

    2024年02月11日
    浏览(48)
  • element-ui 表单校验・大全

    element-ui 官网 element-ui 表单校验的规则如下:

    2024年02月08日
    浏览(60)
  • element plus自定义组件表单校验

    方式一: 方式二: element ui 自定义组件校验方式,详见以下链接地址 使用element Form 自带校验功能,实现上传控件的校验_element form 校验mixin-CSDN博客​​​​​ ant design vue 1.x 自定义组件校验方式,详见以下链接​​​​​​​ant design vue1.x 自定义校验_1.x ant-design-vue date-ran

    2024年02月01日
    浏览(56)
  • element-ui的表单正则校验

    🤯🤯💦💦💦竹怜新雨后,山爱夕阳时, 绵绵细雨, 也许会让嘈杂的窗外焕然一新吧! 基本步骤-共三步 定义验证规则。data()中按格式定义规则 在模板上做属性配置来应用规则(三个配置) 给表单设置 rules 属性传入验证规则 给表单设置model属性传入表单数据 给表单项(

    2023年04月12日
    浏览(45)
  • Vue element UI多个表单同时校验

    情况1:如下情景的多表单,两个表单之间没有任何关系。 假设两个表单绑定的ref分别是form1,form2;  也可以这样写:  情况2:如下情景的多表单,两个表单是通过for循环出来,所用的验证规则相同。

    2024年02月06日
    浏览(47)
  • element-ui for循环生成表单时,表单校验问题

    1、静态生成的表单,校验规则是放在data中处理 2、动态表单页面,需要把规则放在el-form-item中,进行校验 注意事项: 当使用v-for循环生成表单时, :prop有格式要求 格式不对会报错 :prop=“‘appraisalTempContent.’ + index + ‘.score’” 字段说明: 1、appraisalTempContent=遍历数组的k

    2024年02月16日
    浏览(45)
  • element-ui 表单校验 rules 配置

    指示type要使用的验证器。可识别的类型值为: string :类型必须为 string 。 type  默认是  string。 number :类型必须为 number 。 boolean :类型必须为 boolean。 integer :类型必须为  number  且为整数。 float :类型必须为  number  且为浮点数。 array :类型必须为数组。 enum :值必须

    2024年02月04日
    浏览(53)
  • Vue Element-ui表单校验规则

      Element-ui表单校验规则,使得错误提示可以直接在form-item下面显示,无需弹出框,因此还是很好用的。   我在做了登录页面的表单校验后,一度以为我已经很了解表单的校验规则。但我在深入使用表单校验规则时,遇到下列问题: 如何判断属性值是否在某个范围内,且

    2024年02月03日
    浏览(81)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包