懶人蔘數校驗法則-前端篇，避免重複的if （ 一個非專業前端的思考）

在前端當提交表單的時候，通常都會進行校驗參數的合法性，好比最基礎的不能爲空，電話號校驗等等。

若是一個表單只有那麼幾個參數，在提交表單的時候進行if判斷就行了，好比：

其實上面的這種方式，一直都是咱們最經常使用的校驗規則了。

若是在有的地方，若是是同種類型的參數，都要校驗是否爲空的話，那能夠試試下面的方式，

定義stage 是爲了拿到全部的li標籤，而後須要去除不在頁面上顯示li標籤，不展現的話就不須要校驗參數了，由於頁面展現的內容是是根據特定條件來判斷的。有的選項是非必填的，能夠定義不用交驗的class：notVerify 屬性，而後進行排除。

而後遍歷，判斷是否須要驗證，是否上傳了圖片，若是沒有，就拿到對應選項的名稱，進行對應的提示。

這樣寫下來，本來要100行的代碼，如今不到10行搞定。（這裏面數據渲染用到的是vue）

這樣寫，有好處，能夠節省代碼量，可是也有比較大的侷限性，頁面樣式屬性結構等有必定的要求才行