[TOC]

要求:

用户如果离开密码框,里面输入个数不是6~16,则提示错误信息,否则提示输入正确信息。
密码框验证信息.png

分析:

①首先判断的事件是表单失去焦点onblur
②如果输入正确格式则提示正确的信息颜色为绿色小图标变化
③如果输入不是6~16位,则提示错误信息颜色为红色小图标变化
④因为里面变化较多,所以采用className修改样式





请输入6~16位密码




.