antd Form中getFieldDecorator校验不能输入空字符和特殊字符

本文介绍了一种针对表单中单价字段的验证方法,确保输入的数值在0到99之间,并保留两位小数,同时检查特殊字符的非法输入。通过自定义验证规则和正则表达式的结合使用,实现了对输入数据的有效性和格式的双重检查。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


 //校验大于0小于等于99的数
 checkNum = (rule, value, callback) => {
   let x = value -0
   if(x >= 0 && x <= 99){
    let a = new RegExp(/^\d+(\.\d{1,2})?$/)
    if(!a.test(x)){
      return  callback("请保留两位小数");
    }
    return  callback();
   }else{
   return  callback("请输入小于等于99的数并保留两位小数");
  }
}
<Form.Item label="单价:">
              {getFieldDecorator('unitPrice', { 
                  rules: [
                    { validator: this.checkNum },
                    {required: true, message: '请设置单价'},
                    { validator: (rule, value, callback) => {
                        try {
                            if (value&&value.trim()=="") {
                              callback("必填,请输入");
                            }
                            callback();
                        } catch (err) {
                            callback(err);
                        }
                    }},
                    { validator: (rule, value, callback) => {
                    let reg =new RegExp("[`~!%@#$^&*()=|{}':;',\\[\\]<>《》/?~!@#¥……&*()|{}【】‘;:”“'\"。,、?]");
                      if(reg.test(value)){
                         return callback("不能输入该特殊字符")
                      }else{
                         return callback();
                      }
                   }},
                  ],
                  initialValue: rowData?rowData.unitPrice:""
                })(<Input
                    placeholder="请设置单价"
                />)}
            </Form.Item>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值