效果如图,请指教下实现的原理,或者哪里有效果的演示。前端新人,求指导
2条回答
- Go 旅城通票 2016-03-29 13:38关注
oninput或onpropertychange事件中验证下密码符合哪项要就就设置提示信息容器的样式就行了
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.4.2.min.js"></script> <input type="password" id="pwd" /> <div id="note1">包含大小写字符</div> <div id="note2">包含至少一个数字或者特殊符号</div> <div id="note3">长度至少8位</div> <script> function checkValue() { $('#note1').css('color', /[a-z]/.test(this.value) && /[A-Z]/.test(this.value) ? 'green' : 'black'); $('#note2').css('color', /[\d~!@#\$%^&\*\(\)_]/.test(this.value) ? 'green' : 'black'); $('#note3').css('color', this.value.length >= 8 ? 'green' : 'black'); } $('#pwd').bind({input:checkValue,propertychange:checkValue}) </script>
本回答被题主选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏 举报
悬赏问题
- ¥15 执行 virtuoso 命令后,界面没有,cadence 启动不起来
- ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
- ¥20 有关区间dp的问题求解
- ¥15 多电路系统共用电源的串扰问题
- ¥15 slam rangenet++配置
- ¥15 有没有研究水声通信方面的帮我改俩matlab代码
- ¥15 ubuntu子系统密码忘记
- ¥15 信号傅里叶变换在matlab上遇到的小问题请求帮助
- ¥15 保护模式-系统加载-段寄存器
- ¥15 电脑桌面设定一个区域禁止鼠标操作