模块化、高扩展的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)、