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

最新推荐文章于 2024-07-31 11:33:24 发布

奋斗的吧小菜鸟

最新推荐文章于 2024-07-31 11:33:24 发布

阅读量9.6k

点赞数

文章标签： antd JavaScript

本文链接：https://blog.csdn.net/luzhaopan/article/details/84888759

版权

// 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();
    };