效果如图,请指教下实现的原理,或者哪里有效果的演示。前端新人,求指导
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 安卓adb backup备份应用数据失败
- ¥15 eclipse运行项目时遇到的问题
- ¥15 关于#c##的问题:最近需要用CAT工具Trados进行一些开发
- ¥15 南大pa1 小游戏没有界面,并且报了如下错误,尝试过换显卡驱动,但是好像不行
- ¥15 没有证书,nginx怎么反向代理到只能接受https的公网网站
- ¥50 成都蓉城足球俱乐部小程序抢票
- ¥15 yolov7训练自己的数据集
- ¥15 esp8266与51单片机连接问题(标签-单片机|关键词-串口)(相关搜索:51单片机|单片机|测试代码)
- ¥15 电力市场出清matlab yalmip kkt 双层优化问题
- ¥30 ros小车路径规划实现不了,如何解决?(操作系统-ubuntu)