----element-ui自定義表單驗證----


 

1.首先我們要在form表單元素上綁定rules和model這兩個屬性,rules代表你的自定義表單驗證規則,model代表你需要驗證的數據。

2.在表單里綁定的值一定是model綁定的數據里的某個值,我們需要驗證哪個字段,就在哪個el-form-item標簽上綁定prop屬性,值為你自定義規則里對應的值(自定義規則的值名稱應和你model綁定的數據里的值的名稱對應)

3.接下來總結一下我驗證時用到的自定義規則類型

1)輸入框

2)時間控件:

3)下拉框:

4)關聯關系,判斷是否小於某個值:(此時validator為自定義規則,需要在data中聲明。我們需要通過事件去觸發規則里面的自定義方法)

5)數組類型:

6)單選按鈕(切換時關聯輸入框)

 

 

 

 

 

 

 7)單選按鈕關聯時間控件:

 

 

 

 

 

 

 

 

 8)上傳照片驗證:

 

 

 9)多選框:

 

 

 

 

 

10)照片牆:

 

 

 

 

 11)table里做驗證:

 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM