LayUI自研表单参数校验框架案例分析有哪些学习要点？

本文共计975个文字，预计阅读时间需要4分钟。

开发背景痛点：每次编写前端表格时，需要检验用户在表格中填写的具体内容，减少服务器压力，提前对已知错误提示用户。每次都要写大量if else等对输入框内容进行判断。

开发背景&痛点 ：

每次写前端的表单的时候需要对表单里用户填写的内容进行校验，减少服务器压力，提前对已知错误对用户提示。每次会要写很多的if else等等对输入框中的内容进行判断，并对为空、格式不正确等情况作出对应提示。

需要写大量重复的if else语句，实在太麻烦，所以自己写了这个框架用于前端参数的校验。

本框架基于LayUI框架

对于三种开发者情况：

1、完全不会LayUI也没有任何关系 在html头部中添加如下代码就OK了

<script src="img.558idc.com/uploadfile/allimg/210405/23545aM0-0.jpg"></script> <link rel="stylesheet" href="www.layuicdn.com/layui/css/layui.css"> <script> var layer=layui.layer; var form=layui.form; layui.use(['layer','form'],function () {}) </script>

2、使用了LayUI框架进行开发则无需做改变

3、使用了其他前端UI框架将源码中下面语句转换成你的UI框架的提示框即可。