模块化、高扩展的web验证功能


      web项目中经常会有大量数据的验证功能。

      了解web验证功能的模块化与扩展性,能写出

      满足所有业务场景需要的验证功能。


      验证功能的特点:

      1、验证数量不确定

      2、不同的字段验证的规则不一样。

      4、字段的规则包含多条子规则(非空、数字、字母、长度限制、汉字、规定格式等)

      5、会经常删减字段

      6、字段的规则会经常变化。

      7、会有提交验证和焦点验证的功能

     实现思路:

     通过层级调用的思路,由应用层一下往逻辑底层调用,在逻辑的最底层

     暴露功能的扩展性。

     层次从上到下依次为:

     1、应用层

     2、功能层

     3、验证方式扩展层

     4、验证字段扩展层

     5、验证规则扩展层


     1、布局

     在相应的验证标签上增加id字段

     2.、js

       (1)、  submit  调用  焦点验证initHoverVerify和提交验证submitVerify验证

       (2)、  定义 焦点验证initHoverVerify和提交验证submitVerify验证

       (3)、  项目初始化是调用initHoverVerify, initHoverVerify方法调用不同字段的detailHoverVerify   

       (4)、  点击提交按钮是调用submitVerify, submitVerify里调用不同字段的detailsubmitVerify

       (5)、


本文转载:CSDN博客