antd 如何清除表單驗證(聯動表單驗證)

2021-09-25 03:30:24 字數 1141 閱讀 8053

備註(投標的3種狀態):

當我們使用antd的form表單時,可能會遇到2個表單聯動的情況,試想一下以下場景:

投標利率我們設定在(3%-7%)以內,也就是說,輸入框不能取值的範圍是3-7(符合3-7就觸發不了表單驗證了!),當投標狀態是「投標」(共三種)時,該投標利率表單驗證生效,如果選擇其他狀態,則不生效,如果原本已有驗證提示,需要清空原本的驗證

那麼,如何清除表單驗證?清除表單驗證antd提供了1個api(resetfields):

// 眾所周知,antd的form元件必須經過create才能找到this.props.form屬性,在此不再展開

// export default form.create()(projinfoform) 

使用以下兩句解決問題:

// 重置表單tenderstatus屬性的值以及表單驗證提示(值會變成initialvalue的值)

this.props.form.resetfields(['tenderstatus']);

// 將我們重置之前儲存好的屬性值,給聯動表單的屬性重新賦值,否則會變成initialvalue的值

this.props.form.setfieldsvalue();

完整**如下: 

else );

callback();

callback()

` }disabled=

placeholder="投標單位"

//formatter=$`}

//parse=

style=}

max=

min=

重置表單驗證 清除表單校驗資訊

vue給了乙個特殊屬性 key 詳細可以參照vue文件,vue 會使用一種最大限度減少動態元素並且盡可能的嘗試就地修改 復用相同型別元素的演算法。key 可以用於強制替換元素 元件而不是重複使用它。只需要保證每次生成的 key 值不一樣,就會重新渲染。用 new date 時間戳生成乙個每次都不一樣...

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

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

前端表單form提交驗證清除

表單提交一般有兩種方式 model表單和div表單,對於model表單提交,清除表單提交驗證資訊,只需要新增model隱藏事件即可 mymodal on hide.bs.modal function 對於div 表單提交清除驗證資訊,首先需要清除表單提價內容,然後新增 edit fm bootstr...