表單驗證是前端技術里比較常用的一項寫法,element的表單驗證尤其方便快捷,只需要通過 rules 屬性傳入約定的驗證規(guī)則,并將 Form-Item 的 prop 屬性設置為需校驗的字段名即可。對用戶填入的內容進行接口請求之前,判斷用戶所輸入的是否符合預期規(guī)范,可以有效減少數據通信的壓力,同時,用戶也能直觀地看到那些是必須填寫的項目和未填寫的項目。
經過判斷沒有錯誤信息后通過,然后再請求接口。
關于查看表單驗證請點擊這里。
與此同時,表單驗證不會自己消失,我們可以清空手動表單內容,但卻無法清除錯誤信息。
如何清除這些錯誤信息呢,以下是兩種element表單驗證的清除方法。
//清除驗證方法 this.$nextTick(() => { this.$refs['addwardData'].clearValidate(); // 只清除清除驗證 }) this.$nextTick(() => { this.$refs['addwardData'].resetFields(); //清除所有 })
我們只需要傳入所需的表單驗證的對象,調用element的clearValidate或resetFields方法就能清除驗證。
上一篇: 營銷型網站設計的特征和注意事項
下一篇: 利用jq和陰影做出消失效果