• vue中elementUI价格校验及正则


    <el-form
                ref="add"
                :rules="rules"
                :model="add"
                label-width="110px"
            >
             <el-form-item label="价格:" v-if="add.serviceType!=3" prop="amount">
                    <input type="text" style=" 50%" autocomplete="off" placeholder="请输入" v-model="add.amount" class="el-input__inner m_r_20"></el-form-item>
    </el-form>
     rules: {
              amount: [
                {required: true, message: "请输入", trigger: "blur,change"},
                { min: 1, max: 6, message: '长度在 1 到 6 个字符', trigger: 'blur,change' },
                { validator: twoPoint, message: '最多包含两位小数的正数且不能为以0开头的正整数', trigger: 'blur' }
              ],
             
            },
    
    
    
    
    
    
    
    
    const twoPoint = (rule, value, callback) => {
             if(/^d+.?d{0,2}$/.test(value)){
                if(value.indexOf('.')=='-1'&&value.length>1&&value.slice(0,1)=='0'){
                  callback(new Error("最多包含两位小数的正数且不能为以0开头的正整数"));
                }
              }else{
                callback(new Error("最多包含两位小数的正数且不能为以0开头的正整数"));
              }
    
    
            // if (/^(?!0+(?:.0+)?$)(?:[1-9]d*|0)(?:.d{1,2})?$/.test(value)) {
            //     callback()
            // } else {
            //     callback(new Error('最多包含两位小数的正数'))
            // }
          }    
  • 相关阅读:
    计算机系统概述
    Qt学习--初学注意事项
    Qt实现一个简单的TextEditor
    Qt 用户登录界面
    C++ 模板
    多态与虚函数
    继承与派生
    C++ 运算符重载
    web安全-点击劫持
    web安全问题-cookie
  • 原文地址:https://www.cnblogs.com/shuihanxiao/p/14511950.html
Copyright © 2020-2023  润新知