有人知道ant-design的表单验证getFieldDecorator怎么用嘛

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了有人知道ant-design的表单验证getFieldDecorator怎么用嘛相关的知识,希望对你有一定的参考价值。

<Form onSubmit=this.handleSubmit.bind(this)>
<FormItem>
getFieldDecorator('password')( <Input prefix=<Icon type="lock" style= fontSize: 13 /> type='password' placeholder='123456' /> )
</FormItem>
<Button className="btn-login" htmlType='submit'>登录</Button>
</Form>
记得在自己得项目里面加入:const getFieldDecorator = this.props.form
还要 组件(需要暴露也就是你引用得组件)= Form.create()(当前组件);
参考技术A 如果是在父附件中,可以通过ref 在父组件中 this.$refs.ref1 在子组件中通过 this.$parent获取父组件

javascript 隐藏验证码,除非有人点击表单

// hide captcha unless someone clicks on form
jQuery( "footer #contact-message-contact-form  .g-recaptcha" ).hide();
jQuery( "footer #contact-message-contact-form input, footer #contact-message-contact-form textarea" ).click(function() {
  jQuery( "footer #contact-message-contact-form  .g-recaptcha" ).fadeIn();
});

以上是关于有人知道ant-design的表单验证getFieldDecorator怎么用嘛的主要内容,如果未能解决你的问题,请参考以下文章

ant-design表单自定义验证

用ant-design在react js中提交后清除表单输入字段值

ant-design表单校验defaultValue校验不通过问题

基于vue Ant-Design 的表单设计器,快速开发

ant-design pro 表单ref问题

关于ant-design Form表单使用的小技巧