element-ui中el-form表单验证(对象中包含对象),正则表达式

上图:

 

校验:

复制代码
<script>
export default {
  name: 'PersonTransferDetail',
  data() {
    const checkTrainNum = (rule, value, callback) => {
      if (value !== null && value !== '' && value !== undefined) {
        if (/^(0|([1-9]\d*))(\.\d{1})?$/.test(value)) {
          if (value > 99) {
            callback(new Error('最大99'))
          } else {
            callback()
          }
        } else {
          callback(new Error('请输入数字(最多保留一位小数)'))
        }
      } else {
        callback()
      }
    }
    return {
        formLabelAlignRules: {
            'development.testResult': [
               { required: true, message: '请输入测试结果', trigger: 'change' },
               { validator: checkTrainNum, trigger: 'blur' }
            ]
        }
    }
  }
}
</script> 
View Code
复制代码

结果:

12  true

-3  false

1.3  true

1.33  false

 

正则表达式:

数字(非负),保留1位小数: /^(0|([1-9]\d*))(\.\d{1})?$/ 

正整数: /(^[1-9]\d*$)/ 

数字(允许负数),保留1位小数: /^[+-]?(0|([1-9]\d*))(\.\d{1})?$/ 

金额(最多两位小数):

var reg = /(^[1-9](\d+)?(\.\d{1,2})?$)|(^0$)|(^\d\.\d{1,2}$)/;

 

posted @   Ning-  阅读(626)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 字符编码:从基础到乱码解决
· 提示词工程——AI应用必不可少的技术
历史上的今天:
2021-05-07 idea项目打包及运行完整过程
2021-05-07 同一个tomcat部署多个项目
点击右上角即可分享
微信分享提示