Password strength display and Chinese strength display Copy code The code is as follows: My JSP 'a.jsp' starting page <br> * {margin:0px;padding:0px;}<br> .J_PasswordStatus{padding-bottom:0px;height:18px;}<br> .status-bar{margin:0px;display:inline-block;width:80px;height:5px;padding:1px;border:1px solid #42BF26;background-color:white;vertical-align:middle;font-size:0;}<br> .status-bar span{background-color:#42BF26;height:5px;display:inline-block;}<br> style="display: none; width: 300px;"> 密码强度： <br> function checkPassword(){<br> var pwd = $("#pwd1").val();<br> gPasswdStatus(pwd,'p_PasswordStatus');<br> }<br> function gPasswdStatus(value,id){<br> var status = $("#" id);<br> var result = $("#" id).find(".status-result")[0];<br> var bar = $("#" id).find(".status-bar span");<br> if (value === "") {<br> status.css("display","none");<br> } else {<br> var score = gCheckPassword(value);<br> bar.css("width",score "%");<br> var resultDesp = gGetResultDesp(score);<br> result.innerHTML = resultDesp;<br> status.css("display","block");<br> }<br> }<br> /**<br> * Check password strength and return score <br> * <br> * @param {}<br> * Password<br> * @return {Number}<br> */<br> function gCheckPassword(password) {<br> var _score = 0;<br> if (!password) {<br> return 0<br> }<br> if (password.length <= 4) {<br /> _score = 5<br /> } else {<br /> if (password.length >= 5 && password.length <= 7) {<br /> _score = 10<br /> } else {<br /> if (password.length >= 8) {<br> _score = 25<br> }<br> }<br> }<br> var _UpperCount = (password.match(/[A-Z]/g) || []).length;<br> var _LowerCount = (password.match(/[a-z]/g) || []).length;<br> var _LowerUpperCount = _UpperCount _LowerCount;<br> if (_UpperCount && _LowerCount) {<br> _score = 20<br> } else {<br> if (_UpperCount || _LowerCount) {<br> _score = 10<br> }<br> }<br> var _NumberCount = (password.match(/[d]/g, "") || []).length;<br> if (_NumberCount > 0 && _NumberCount <= 2) {<br /> _score = 10<br /> } else {<br /> if (_NumberCount >= 3) {<br> _score = 20<br> }<br> }<br> var _CharacterCount = (password.match(/[!@#$%^&*?_.-~]/g) || []).length;<br> if (_CharacterCount == 1) {<br> _score = 10<br> } else {<br> if (_CharacterCount > 1) {<br> _score = 25<br> }<br> }<br> if (_NumberCount && (_UpperCount && _LowerCount)<br> && _CharacterCount) {<br> _score = 5<br> } else {<br> if (_NumberCount && _LowerUpperCount && _CharacterCount) {<br> _score = 3<br> } else {<br> if (_NumberCount && _LowerUpperCount) {<br> _score = 2<br> }<br> }<br>}<br> _점수 반환<br> }<br> /**<br> * 비밀번호 강도 점수에 따라 비밀번호 강도 중국어 프롬프트 반환<br> * <br> * @param {}<br> *점수<br> * @return {문자열}<br> */<br> 함수 gGetResultDesp(점수) {<br> If (점수 <= 5) {<br /> "u592au77ed" 반환<br /> } 그 밖의 {<br /> (점수 > 5 && 점수 < 20) {<br /> "u5f31" 반환<br /> } else {<br /> If (점수 >= 20 && 점수 < 60) {<br /> "u4e2d" 반환<br /> } else {<br /> if (점수 >= 60) {<br> "u5f3a" 반환<br> } else {<br> "" 반환<br> }<br> }<br> }<br> }<br> }<br> <br> </div> <p>위 내용은 이 글에서 공유한 내용의 전부입니다. 모든 분들이 자바스크립트를 능숙하게 익히는 데 도움이 되었으면 좋겠습니다. </p>
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
