一个关于JS的编写问题

Question

表单生成器

要求用户在文本框中输入密码，当文本框失去焦点时验证密码的长度。如果长度低于6，则把文本框背景色置为红色；如果是大于等于6位，小于12位，则置为黄色；大于等于12位长度，则置为绿色。

请问这个用js和H5、CS怎么实现？

Answer 1

失去焦点：blur
密码长度：String.length
设置三个不同状态的class样式，判断不同密码长度给不同的class类名
严谨些应该用正则限制输入内容，并用maxlength限制输入长度

<input type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')" autocomplete="off">