728x90
반응형
<tr>
<th scope="col"><font color="red">* </font>비밀번호</th>
<td>
<input type="hidden" id="PASSWORD" name="PASSWORD" value="" />
<input type="password" id="PASSWORD_CHECK" name="PASSWORD_CHECK" value="" class="input_txt" style="width:150px; ime-mode:disabled;" maxlength="20" onblur="SetImeDisable(this)" onchange="PasswordIsSame()" />
<a href="#" class="btn-pop" onclick="CheckPw(); return false;">안전성검증</a>
</td>
</tr>
<tr>
<th scope="col">비밀번호 확인</th>
<td>
<input type="password" id="PASSWORD_CHECK_IS_SAME" name="PASSWORD_CHECK_IS_SAME" value="" class="input_txt" style="width:150px; ime-mode:disabled;" maxlength="20" onchange="PasswordIsSame()"/>
<span id="same"></span>
</td>
</tr>
function PasswordIsSame() {
var passwordCheck = document.getElementsByName("PASSWORD_CHECK")[0].value;
if (passwordCheck.length < 9 || passwordCheck.length > 20) {
window.alert('비밀번호는 9글자 이상, 20글자 이하만 이용 가능합니다.');
document.getElementById('PASSWORD_CHECK').value = document.getElementById('PASSWORD_CHECK_IS_SAME').value='';
document.getElementById('same').innerHTML='';
}
if(document.getElementById('PASSWORD_CHECK').value!='' && document.getElementById('PASSWORD_CHECK_IS_SAME').value!='') {
if(document.getElementById('PASSWORD_CHECK').value==document.getElementById('PASSWORD_CHECK_IS_SAME').value) {
document.getElementById('same').innerHTML='비밀번호가 일치합니다.';
document.getElementById('same').style.color='blue';
}
else {
document.getElementById('same').innerHTML='비밀번호가 일치하지 않습니다.';
document.getElementById('same').style.color='red';
}
}
}
매번 자스 쓰는 것도 검색해서 하는것도 귀찮다...........
헝...
반응형
'개발자의 공부방 > Frontend' 카테고리의 다른 글
Vue] vue JS 시작. (0) | 2021.11.26 |
---|---|
날짜 계산 (0) | 2021.04.27 |
JSTL selectbox 시간 분 나타내기 feat. option value 값도 함께 (0) | 2020.07.13 |
자바스크립트] 다음주소 API 주소찾기 적용하기 (0) | 2020.03.30 |
ajax] 배열과 오브젝트 feat. input 에 value 값 넣기 (0) | 2020.03.27 |