logo image
메인
기술
HOME
기술

js 의 setCustomValidity 사용한 비번 체크

목록
#js #form #validation
<script>
    function oninput_form_password(f){
        f.newpassword.setCustomValidity('');
        if(f.newpassword.value.length < f.newpassword.minLength){
            f.newpassword.setCustomValidity(`새 비밀번호는 ${f.newpassword.minLength}자리 이상이어야 합니다.`);
        }else if(f.newpassword.value.length > f.newpassword.maxLength){
            f.newpassword.setCustomValidity(`새 비밀번호는 ${f.newpassword.maxLength}자리 이하이어야 합니다.`);
        }else{
            const v = f.newpassword.value;
            if(/[^0-9a-zA-Z\!@#$%\^&\*]/.test(v)){
                f.newpassword.setCustomValidity('새 비밀번호에 허용되지 않는 문자가 사용되었습니다.');
            }else if(!(/[0-9]/.test(v))){
                f.newpassword.setCustomValidity('새 비밀번호에 숫자가 사용되지 않았습니다.');
            }else if(!(/[a-zA-Z]/.test(v))){
                f.newpassword.setCustomValidity('새 비밀번호에 영문이 사용되지 않았습니다.');
            }else if(!(/[\!@#$%\^&\*]/.test(v))){
                f.newpassword.setCustomValidity('새 비밀번호에 특수문자가 사용되지 않았습니다.');
            }
        }

        f.newpassword_confirmation.setCustomValidity('');
        if(f.newpassword.value != f.newpassword_confirmation.value){
            f.newpassword_confirmation.setCustomValidity('새 비밀번호가 일치하지 않습니다.');
        }
    }
</script>



form의 oninput 에 적용하면 된다.



목록
댓글
  • / /
  • No Nickname
    No Comment
  • 권한이 없습니다.
    {{m_row.m_nick}}
    -
목록형 📷 갤러리형
제목
[기본형] HTML (with 부트스트랩5.3 , jquery 3.7, vue.js)
유용한 리눅스(LINUX) 명령어
[공지] 기술 게시판
일
월
화
수
목
금
토
2.1
2.2
2.3
2.4
2.5
2.6
2.7
2.8
2.9
2.10
2.11
2.12
2.13
2.14
2.15
2.16
2.17
2.18
2.19
2.20
2.21
2.22
2.23
2.24
2.25
2.26
2.27
2.28
tag