表單提交驗證方法

具體需求以下圖

#選擇類型 顯示不一樣的信息

#選擇擡頭類型 顯示不一樣的信息

#以下圖：相似於這種需求，提交表單，須要進行表單驗證

若是用if判斷的方式 邏輯太過複雜 ，難以梳理。我到如今尚未縷清。

頁面佈局是用Vue的 v-if來進行佈局，經過select選擇，控制dom結構每一個類型的顯示和隱藏，v-if 爲false。 dom結構將直接remove掉。v-show僅僅是display：none。 因此 若是有選擇select 下面選項有不一樣的狀況，用v-if來佈局

驗證表單代碼

##代碼說明

$(".ydy_posion .ydy_input") 爲表單中全部的input的class。 判斷每一個元素的value值，若是爲空，彈出改元素上 dataTitle 屬性，dataTitle屬性 爲 該輸入框的提示語

param[$(".ydy_posion .ydy_input").eq(i).attr("id")] = $(".ydy_posion .ydy_input").eq(i).val(); 此段代碼能夠 將 變量做爲 對象的屬性進行賦值

此方法，可省去多個if判斷input爲空 ，在彈出提示。