溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務條款》

element表單驗證怎么清除校驗提示語

發布時間:2021-10-08 09:58:57 來源:億速云 閱讀:399 作者:小新 欄目:開發技術

小編給大家分享一下element表單驗證怎么清除校驗提示語,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!

問題場景:

最近在進行項目開發的時候,遇到了這樣的一個問題:
對表單域中的數據進行校驗的時候,其中有一項比較特殊,不是簡單的輸入框,下拉框這些表單元素,而是自己寫的一個el-table的選擇彈窗,我對它的校驗如如下:

protocolId: [
   { required: true, message: '請選擇解析協議', trigger: 'blur'},
],

這樣可以實現校驗功能,但是會存在一個問題,如果觸發的了校驗條件(提交按鈕),提示了錯誤信息,后續即使重新選擇了數據,錯誤信息依舊會存在,因為沒有再次點擊提交按鈕,觸發校驗。這樣用戶體驗就不是太好。

element表單驗證怎么清除校驗提示語

element表單驗證怎么清除校驗提示語

解決方案:

1. 對字段進行單獨校驗

點擊保存按鈕觸發校驗,一般都是校驗所有的字段,element-ui中的form表單組件還提供了校驗一個字段的函數,使用方式如下:

this.$refs.addForm.validateField('protocolId', (valid) => {
 	//valid返回的是規則集中寫的錯誤提示信息,如果滿足條件,返回的就是空
     if(!valid){
         return 
     }
 })

上面這段代碼可以放在確認數據選擇的函數中執行,這樣就對這一項特殊的內容再次進行了校驗,如果符合檢驗規則,錯誤提示就是消失了。

2. 直接清除表單域下該字段的提示信息

this.$refs.addForm.clearValidate();

這個方法就是直接清除錯誤信息,不做任何判斷,個人不是太推薦使用

以上是“element表單驗證怎么清除校驗提示語”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注億速云行業資訊頻道!

向AI問一下細節

免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。

AI

亚洲午夜精品一区二区_中文无码日韩欧免_久久香蕉精品视频_欧美主播一区二区三区美女