antd 校驗表單時觸發對其他表單的校驗

2021-09-13 10:54:44 字數 619 閱讀 9236

import  from 'antd';

import react, from 'react';

class componenta extends component

/***

* @param {} rule

* @param vaule

* @param callback

*/checkpsd(rule, value, callback) );

}} render() = this.props.form;

return ()

}}export default form.create()(componenta);

其中:validatetrigger: 『onblur』,當密碼輸入框失去焦點時才去校驗,為了優化使用者體驗

this.props.form.validatefields['username', ]; 手動觸發使用者名稱的校驗規則,注意使用者名稱輸入控制項必須要經過getfielddecorator()包裝,至於為什麼要進行包裝,可以去官網看文件說明。另外要設定force的值為true,對已經校驗過的表單域,在 validatetrigger 再次被觸發時再次校驗。

完...

antd 表單 校驗 取值 重置

上次接觸 react 是一年多以前了,再寫的時候發現 antd 有了些改動。總結一下。首先要在表單上定義乙個 ref。然後在 class 裡面定義 formref.這個最好定義在比較靠前的位置,這樣方便後面要用到的時候不會出現引用錯誤。獲取到 form 例項。這個地方 我截掉了用不到的一段,這個 v...

antd 表單的校驗方式

1.宣告式表單驗證 name username rules placeholder username 2.validator自定義式驗證 name password rules else prefix type password placeholder password 因為是在表單裡寫的,所以有點...

JS對註冊頁面進行表單校驗

校驗效果 html lang en 新使用者註冊 user register 已有賬號?立即登入 body reg back reg left reg left p first child reg left p last child reg center reg right reg right p ...