当前位置: 首页 > 知识库问答 >
问题:

表单验证 - antd3自定义表单项怎样触发规则校验?

颜修真
2024-05-17

在antd3的自定义表单项中,为什么无法触发规则校验

只有这样写才可以

class CheckInput extends PureComponent {  handleNumberChange = (e) => {    const { onChange } = this.props;    if (onChange) {      onChange(e.target.value);    }  }  render() {    const { value } = this.props;    return (      <Input        value={value}        onChange={this.handleNumberChange}      />    );  }}

image.png
像下面这样写就不能触发错误校验

class CheckInput extends PureComponent {  constructor(props) {    super(props);    this.state = {      value: props.value    };  }  handleNumberChange = (e) => {    console.log(e.target.value);    this.setState({      value: e.target.value    });  }  render() {    const { value } = this.state;    return (      <Input        value={value}        onChange={this.handleNumberChange}      />    );  }}

image.png
不是特别理解第一种方式,有大佬可以讲解一下嘛

共有1个答案

常雪风
2024-05-17

你想使用 antd 校验规则 首先要把 被包裹的组件的状态控制权交给 antd
props:{ value , onChange }

 类似资料:
  • 本文向大家介绍vue表单自定义校验规则介绍,包括了vue表单自定义校验规则介绍的使用技巧和注意事项,需要的朋友参考一下 如下所示: vue2.X+elementUI表单自定义验证方法 以上这篇vue表单自定义校验规则介绍就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持呐喊教程。

  • 路过的大佬,应该怎么校验?麻烦大家啦:

  • 问题内容: 我有一个带有几个不同字段集的表单。我有一些Javascript可以一次向用户显示字段集。对于支持HTML5验证的浏览器,我很乐意使用它。但是,我需要按我的意愿去做。我正在使用JQuery。 当用户单击JS链接以移至下一个字段集时,我需要在当前字段集上进行验证,并在出现问题时阻止用户继续前进。 理想情况下,当用户失去对某个元素的关注时,将进行验证。 目前没有使用Java进行验证。宁愿使用

  • 有大佬遇到过antd3的form中extra和校验规则重叠的情况吗 排查了一下样式好像都是antd的,没看见啥自己的

  • 请问一下在antd3的form表单中怎么实现一个字段的多个规则运用不同的触发时机进行校验 比如说我这里这个表单项有3个规则,我想在1,2个规则在onChange的时候校验(也就是默认情况), 但是第三个规定在onBlur的时候校验,看了文档发现antd3中好像没找到什么解决办法 (这边想的是封装一个自定义组件,监听组件的onBlur事件,然后通过样式来模拟错误,但是这样只能在表面上看到错误,实际不

  • 自定义了一个表单验证类,但是在django中当我clean_UserName这个方法执行了并抛出异常的时候,其他的验证方法还会继续执行,怎么才能在一个验证方法抛出异常后其他的方法都中止执行呢?