使用JS怎样写一个简单的密码验证�
Admin 2022-07-06 群英技术资�
本文实例为大家分享了JavaScript实现密码框验证信息的具体代码,供大家参考,具体内容如下
效果展示�
代码展示
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" type="text/css" href="fontss2/iconfont.css" rel="external nofollow" /> <style> .orginal { font-size: 13px; color: deepskyblue; } .wrong { font-size: 13px; color: red; } .right { font-size: 13px; color: green; } </style> </head> <body> <p> <input type="text"><span class="orginal icon-wenhao iconfont">请输�6-16位密�</span> </p> <script> //获取元素对象 var input = document.querySelector('input'); var span = document.querySelector('span'); // 注册事件 失去焦点事件 input.onblur = function() { if (input.value.length > 0 && input.value.length < 6 || input.value.length > 16) { span.className = 'iconfont icon-cuowuguanbiquxiao-xianxingyuankuang wrong'; span.innerHTML= '输入错误请输�6-16位密�'; }else if(input.value.length >=6 && input.value.length <=16) { span.className = 'iconfont icon-yiyanzheng right'; span.innerHTML = '输入正确'; }else { span.className = 'orginal icon-wenhao iconfont'; span.innerHTML = '请输�6-16位密�'; } } </script> </body> </html>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:[email protected]进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容�
猜你喜欢
这篇文章主要为大家介绍了JS数组中常用的方法技巧,学会了你就在进阶成为大佬的道路上又迈进了一步,希望能够有所帮助,祝大家多多进步
2048小游戏不知道大家有没有玩过,其实玩法很简单的,就是在有限的空间内,对相同的数字不断的合并,当空间被全部填满游戏就结束。本文给大家分享的就是用JS怎样编写一�2048小游戏的方法,感兴趣的朋友可以了解看看�
这篇文章主要介绍了Vue基本指令实例图文讲解,文章将基本指令讲解的很清楚,有对于指令不太懂的同学可以跟着学习研究�
今天给大家分享一道JavaScript的面试题,这道问题可是难道不少人呀JS中我们经常会使用foreach这个方法来遍历数组,那么forEach能否跳出循环?如果能,forEach如何跳出循环?下面我们一起来探讨一下�
对于新手来说,可能vue的生命周期会比较难理解,下面小编就给大家介绍生命周期的概念、vue生命周期函数等等,有这方面学习需要的朋友可以了解一下�
推荐内容
联系我们
24小时售后 � 24小时售后TEL�0668-2555666 售前咨询TEL�400-678-4567 投诉建议TEL�0668-2555999 投诉建议邮箱:t[email protected] 信息安全TEL�0668-2555118 域名空间客服 � 公司总机�0668-2555555 公司传真�0668-2555000Copyright © QY Network Company Ltd. All Rights Reserved. 2003-2020 群英 版权所� 茂名市群英网络有限公�
增值电信经营许可证 : B1.B2-20140078