iview表單驗證的問題

最近在作項目的時候，關於表單驗證總會碰見一些奇奇怪怪的問題，下面把表單驗證的步驟和表單驗證常見的問題梳理下，避免之後開發中掉坑。

表單驗證的步驟

第一步：給Form設置屬性:rules="ruleadd1"。
第二步：給Form設置屬性:model。
第三步：在Form標籤裏面必須添加ref，至關於id，在此範圍內的表單驗證有效。
第四步：給須要驗證的每一個FormItem設置屬性prop指向對應的
第五步：在操做按鈕時，添加方法，對整個表單進行校驗，參數爲校驗完的回調，會返回一個Boolean表示成功與失敗

下面咱們作一個表單驗證的例子

iview進行表單驗證select的時候驗證失敗的問題

用iview自帶的表單驗證select標籤的時候，一直驗證不經過，由於iview默認校驗數據類型爲String，而咱們項目中select用的value有時候是number類型的，有時候是String類型的，要根據具體狀況設置不一樣的type類型。

iview進行表單驗證時間日期驗證失敗的問題

我下拉框同樣，日期的類型是data類型，因此須要額外設置type類型。

ruleValidate: {
   advance:[
           { required: true, message: '預送達時間不能爲空', trigger: 'change' ,type: 'date'},
        ],
      }

iview進行多重驗證的寫法

多重驗證包括給一個數組加多個驗證條件，好比第一要驗證不能爲空，第二要驗證限制一些長度，寫正則表達式等等。

ruleValidate: {
             goodsNum: [
                     { required: true, message: '數量不能爲空', trigger: 'blur' },
                     { type: 'string',pattern:/^(([1-9]\d{0,3})|0)(\.\d{0,2})?$/, message:'數量應爲正浮點數且不超過9999.99', trigger:'blur'},
                        ],
      }