인디노트
Javascript - 비밀번호 유효성 검사 본문
Javascript - 비밀번호 유효성 검사 ( password validation )
1. 영문, 숫자 혼합하여 6~20자리 이내
function chkPwd(str){
var reg_pwd = /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/;
if(!reg_pwd.test(str)){
return false;
}
return true;
}
if(!chkPwd( $.trim($('#mpassword').val()))){
alert('비밀번호를 확인하세요.₩n(영문,숫자를 혼합하여 6~20자 이내)');
$('#mpassword').val('');
$('#mpassword').focus(); return false;
}
------------------------------------------------------
2. 영문,숫자,특수문자 혼합하여 8자리~20자리 이내.(비밀번호 표준)
function chkPwd(str){
var pw = str;
var num = pw.search(/[0-9]/g);
var eng = pw.search(/[a-z]/ig);
var spe = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
if(pw.length < 8 || pw.length > 20){
alert("8자리 ~ 20자리 이내로 입력해주세요.");
return false;
}
if(pw.search(/₩s/) != -1){
alert("비밀번호는 공백업이 입력해주세요.");
return false;
}
if(num < 0 || eng < 0 || spe < 0 ){
alert("영문,숫자, 특수문자를 혼합하여 입력해주세요.");
return false;
}
return true;
}
if(!chkPwd( $.trim($('#mpassword').val()))){
$('#mpassword').val('');
$('#mpassword').focus();
return false;
}
------------------------------------------------------
3. 영문,숫자,특수문자 중 2가지 혼합하여 10자리~20자리 이내.(비밀번호 표준)
function chkPwd(str){
var pw = str;
var num = pw.search(/[0-9]/g);
var eng = pw.search(/[a-z]/ig);
var spe = pw.search(/[`~!@@#$%^&*|₩₩₩'₩";:₩/?]/gi);
if(pw.length < 10 || pw.length > 20){
alert("10자리 ~ 20자리 이내로 입력해주세요.");
return false;
}
if(pw.search(/₩s/) != -1){
alert("비밀번호는 공백업이 입력해주세요.");
return false;
}
if( (num < 0 && eng < 0) || (eng < 0 && spe < 0) || (spe < 0 && num < 0) ){
alert("영문,숫자, 특수문자 중 2가지 이상을 혼합하여 입력해주세요.");
return false;
}
return true;
}
if(!chkPwd( $.trim($('#mpassword').val()))){
$('#mpassword').val('');
$('#mpassword').focus();
return false;
}
---------------------------------------------------
원본출처 : http://blog.naver.com/alondightoo/220263824623
출처: http://gongam100.tistory.com/24 [공감 스토리]
'소스 팁 > HTML, Java Script, jQuery, CSS' 카테고리의 다른 글
| 자바스크립트에서 strict mode를 사용해야 하는 이유 (0) | 2018.11.10 |
|---|---|
| mybatis null test (0) | 2017.06.21 |
| CSS: 선택자(Selector) 이해 (0) | 2017.02.16 |
| CSS 제대로 쓰기 (0) | 2017.02.16 |
| CSS3 @media query를 이용하여 반응형 웹 스크린 크기 대응하기 (0) | 2016.09.14 |