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

导读:本篇文章讲解 ant design 的 Form 表单 自定义验证 不能输入中文和数字 ,只能输入大写的字母,希望对大家有帮助,欢迎收藏,转发!站点地址:www.bmabk.com

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

 

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

文章由极客之音整理,本文链接:https://www.bmabk.com/index.php/post/66412.html

(0)
小半的头像小半

相关推荐

极客之音——专业性很强的中文编程技术网站,欢迎收藏到浏览器,订阅我们!