遇到乙個antd中form驗證的奇葩問題

2021-09-11 12:59:42 字數 1741 閱讀 1858

訪問github

問題?

當把input元件設定為disabled的時候,驗證提醒還會出現,經過查詢api都無法完美解決,或者解決後會出現這樣或那樣的奇葩問題

解決

偽造乙個模樣一樣的元件,但要將rules屬性刪掉。

給偽裝元件加乙個自定義的key

例項

demo

import react from "react";

import reactdom from "react-dom";

import moment from "moment";

import from "antd";

import "antd/dist/antd.css";

import from "antd";

const formitem = form.item;

const option = select.option;

const autocompleteoption = autocomplete.option;

const residences = []}

]},]}

]}];

class registrationform extends react.component ;

handlesubmit = e =>

});};

handleclickbtn = () => );

};handleconfirmblur = e => );

};comparetofirstpassword = (rule, value, callback) => else

};validatetonextpassword = (rule, value, callback) => );

}callback();

};handlewebsitechange = value => else

$` );

}this.setstate();

};render

() = this.props.form;

const = this.state;

const formitemlayout = ,

sm:

},xs: ,

sm: }};

const tailformitemlayout = ,

sm: }};

const prefixselector = getfielddecorator("prefix", )(

"86">+86

"87">+87

);const websiteoptions = autocompleteresult.map(website => (

));return ();

}}reactdom.render(

current antd version:

you can change antd version on the left panel (dependencies section).

document.getelementbyid("root")

);複製**

關鍵**

,

]})()}

)}複製**

AntD中Form表單自定義驗證規則

需求 antd中form表單自定義驗證規則,不能為 或者只能是 不能為 label 學生編碼 name stuid validatefirst 出錯時兩個校驗分別生效 rules else 請填寫學生編碼 classname create input form.item 只能是 utils.js檔案...

匯入 乙個Form驗證的方案

asp.net自己帶了乙個可以自動生成認證的類,但這個formsauthentication自動的cookie除了包含認證票據以外,不能自己帶其它的資料。而對於乙個專案來說,可能要對瀏覽者進行不同型別的驗證,而對於asp的寫法來說,就是用session來驗證。我不喜歡這樣的方法,而且這樣的話也就不能...

乙個form表單

charset utf 8 html例項title head html例項 form完整的表單h3 action 1.php method get 賬號 type text name uname value 帥帥好帥 密碼 type password name upass type email na...