JavaScript实现密码框输入验证 JavaScript实现密码框输入验证

有时需要在前端页面，用户输入时先进行简单的验证，减少服务器压力
例如，限定了字段的输入长度：
输入框后有输入范围提示信息
输入错误长度的话，变成错误提示信息
输入正确长度的话，显示正确提示信息
实现思路 1、先写出输入提示信息，
2、定义错误和正确的类，写出相应样式
3、获取输入框元素对象，if语句对属性值进行长度判断，根据不同结果，显示不同的提示信息内容，设置不同的提示信息类名- - -以切换样式

示例代码

密码框输入提示 - 锐客网div {width: 600px; margin: 100px auto; }input {outline: none; }.message {display: inline-block; font-size: 12px; color: #999; background: url(images/提示.png) no-repeat left center/16px 16px; padding-left: 20px; }.wrong {background-image: url(images/错误.png); color: red; }.right {background-image: url(images/正确.png); color: green; }【JavaScript实现密码框输入验证】请输入8~18位密码

页面效果：