美文网首页
elementui 表单只能输入数字校验

elementui 表单只能输入数字校验

作者: 仰望天空的人 | 来源:发表于2023-02-23 18:32 被阅读0次

只能输入整数

<el-input v-model="value" placeholder="请输入金额" 
    onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
</el-input>

只能输入小数—两位小数

<el-input v-model="value" placeholder="请输入金额" 
    onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')">
</el-input>

开头不能为0,并且不能输入小数

<el-input v-model="value" placeholder="请输入金额" 
    onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')">
</el-input>

只能输入数字或小数且第一位不能是0和点且只能有一个点

<el-input v-model="value" placeholder="请输入金额" 
    onkeyup="value=value.replace(/[^1-9]{0,1}(\d*(?:\.\d{0,2})?).*$/g, '$1')">
</el-input>

相关文章

  • elementui表单自定义校验及嵌套验证

    自定义校验规则额外参数 多个输入框校验逻辑一致 ElementUI表单校验prop的嵌套写法页面中的表单经常会有校...

  • vue自定义指令限制输入框输入值

    需求 前端开发过程中,经常遇到表单校验的需求,比如校验用户输入框的内容,限制用户只能输入数字。 本文内容基于 el...

  • ElementUI 提交表单校验时跳转到错误位置

    我们在使用ElementUI 提交表单,会使用formEle来做表单校验,当用户输入的数据不合法时,会出现红色错误...

  • iview表单验证数字踩坑

    表单校验,单独进行数字校验,使用下面的代码是可以的 但同时进行数字和为空校验,使用下面的代码是不行的,输入数字的时...

  • voltType is not a string

    el-form表单校验时报错 项目需求要对输入的表单内容进行类型和长度校验,其他格式都没问题,唯独是数字类型和长度...

  • elementUI表单校验

    感谢度娘 element-ui中表单验证的三种方式 第一种常用方式:表单上加rules{object} 这种方式需...

  • elementui表单校验

    进行表单校验需要通过rules 属性传入约定的验证规则,并且需要在在容器上绑定prop...

  • iview同时对数字和非空进行校验的bug解决方法

    iview的表单同时进行数字的校验,以及非空校验会有问题: 采用如下的校验方式,在输入的时候没法校验通过 采用这种...

  • elementUI踩坑

    ElementUI 表单校验没反应的问题 因为同一页面下写了多个表单,我需要对所有表单都进行校验无误后再向后台发起...

  • elementUi-vue 常用知识点

    1.elementUI中input输入框限制只能输入数字 2.vue 过滤字典翻译

网友评论

      本文标题:elementui 表单只能输入数字校验

      本文链接:https://www.haomeiwen.com/subject/hyunxdtx.html