ant design 的 Form 表单 自定义验证 不能输入中文和数字 ,只能输入大写的字母

 

// validator 为自定义校验
<FormItem label="数据" key="tableData">
    {getFieldDecorator('tableData', {
         rules: [
         { required: true  },
         { validator: checkData, trigger: 'blur'}
         ],
         initialValue: sData.refTable,
        })(
          <Input style={{width: 260, marginLeft: 4}} onPressEnter={this.searchDs} />)}
</FormItem>
// 自定义校验方法, 输入框不能输入汉字
    const checkData =  (rule, value, callback) => {
      if (value) {
        if (/[\u4E00-\u9FA5]/g.test(value)||/^[0-9]+.?[0-9]*$/g.test(value)) {
          callback(new Error('只可输入字母、不能输入汉字!'));
        } else {
          callback(
            setFieldsValue({
              // 自动转成大写
              refTable: value.toUpperCase(),
            })
          );
        }
      }
      callback();
    };

 


版权声明:本文为luzhaopan原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。