数据验证【web前端，表单】

最新推荐文章于 2024-08-05 21:28:12 发布

da宗熊

最新推荐文章于 2024-08-05 21:28:12 发布

阅读量4.4k

点赞数 1

分类专栏： web前端文章标签：表单 web javascript pipevalid

本文链接：https://blog.csdn.net/linfenpan/article/details/46931761

版权

本文介绍了数据验证在web前端表单中的应用，从传统if/else判断到策略模式，再到配置策略的方式，逐步优化验证代码。作者提出了PipeValid.js库，它基于配置策略模式，提供链式表达式语法，支持多种内置验证器和拓展，旨在解决重复代码问题，提高代码可读性和维护性。

摘要由CSDN通过智能技术生成

数据验证

最近做后台比较多，路七八糟的数据验证，弄得不厌其烦。SO，弄了个表单验证的玩意出来，达到快速，简介，不烦人的验证。

下面看看，几种方式的数据验证，有什么不同。先有需要验证的数据:

<form>
    <input type="text" name="name" />
    <input type="text" name="password" />
    <input type="number" name="age" />

    <input type="checkbox" name="sex" value="0" /> 男
    <input type="checkbox" name="sex" value="1" /> 女

    <input type="text" name="address" />
    <input type="text" name="phone" />
    <input type="text" name="qq" />
    <input type="text" name="email" />
    <input type="text" name="homePage" />
</form>