懒人参数校验法则-前端篇，避免重复的if （ 一个非专业前端的思考）

在前端当提交表单的时候，通常都会进行校验参数的合法性，好比最基础的不能为空，电话号校验等等。

若是一个表单只有那么几个参数，在提交表单的时候进行if判断就行了，好比：

其实上面的这种方式，一直都是咱们最经常使用的校验规则了。

若是在有的地方，若是是同种类型的参数，都要校验是否为空的话，那能够试试下面的方式，

定义stage 是为了拿到全部的li标签，而后须要去除不在页面上显示li标签，不展现的话就不须要校验参数了，由于页面展现的内容是是根据特定条件来判断的。有的选项是非必填的，能够定义不用交验的class：notVerify 属性，而后进行排除。

而后遍历，判断是否须要验证，是否上传了图片，若是没有，就拿到对应选项的名称，进行对应的提示。

这样写下来，本来要100行的代码，如今不到10行搞定。（这里面数据渲染用到的是vue）

这样写，有好处，能够节省代码量，可是也有比较大的局限性，页面样式属性结构等有必定的要求才行