表单提交验证方法

具体需求以下图

#选择类型 显示不一样的信息dom

#选择抬头类型 显示不一样的信息布局

#以下图:相似于这种需求,提交表单,须要进行表单验证
3d

若是用if判断的方式 逻辑太过复杂 ,难以梳理。我到如今尚未缕清。cdn

页面布局是用Vue的 v-if来进行布局,经过select选择,控制dom结构每一个类型的显示和隐藏,v-if 为false。 dom结构将直接remove掉。v-show仅仅是display:none。 因此 若是有选择select 下面选项有不一样的状况,用v-if来布局对象

验证表单代码
blog

##代码说明rem

$(".ydy_posion .ydy_input") 为表单中全部的input的class。 判断每一个元素的value值,若是为空,弹出改元素上 dataTitle 属性,dataTitle属性 为 该输入框的提示语input

param[$(".ydy_posion .ydy_input").eq(i).attr("id")] = $(".ydy_posion .ydy_input").eq(i).val(); 此段代码能够 将 变量做为 对象的属性进行赋值页面布局

此方法,可省去多个if判断input为空 ,在弹出提示。it

相关文章
相关标签/搜索