HTML实时密码复杂度校验和可见性切换按钮 Web 组件

    该代码片段创建了一个包含密码复杂度校验和密码可见性切换按钮的Web组件。该组件允许用户输入密码,并实时显示密码是否符合规则,规则包含:是否包含小写字母、大写字母、数字、特殊字符以及是否8位字符以上,在输入的过程中实时校验,如果满足条件会在对应的规则前面标记对勾,并且在输入框的下面实时显示密码的复杂度。同时,提供一个切换按钮,让用户可以在显示和隐藏密码之间切换。该组件具有良好的用户体验和响应式设计。

模板目录结构如下: