表单提交验证方法

具体需求如下图

#选择类型 显示不同的信息

#选择抬头类型 显示不同的信息

#如下图：类似于这种需求，提交表单，需要进行表单验证

如果用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为空 ，在弹出提示。

转载于:https://juejin.im/post/59ede74a518825569538d1a3