表单提交验证方法

306 阅读1分钟

具体需求如下图

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

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

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

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