메뉴 건너뛰기

조회 수 129 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
패스워드, 확인패스워드가 맞는지 체크



1.  jQuery 사용



$('#password, #confirm_password').on('keyup', function () {

  if ($('#password').val() == $('#confirm_password').val()) {

    $('#message').html('Matching').css('color', 'green');

  } else 

    $('#message').html('Not Matching').css('color', 'red');

});



<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<label>password :

  <input name="password" id="password" type="password" />

</label>

<br>

<label>confirm password:

  <input type="password" name="confirm_password" id="confirm_password" />

  <span id='message'></span>

</label>







2. jQuery 사용없이.

var check = function() {

  if (document.getElementById('password').value ==

    document.getElementById('confirm_password').value) {

    document.getElementById('message').style.color = 'green';

    document.getElementById('message').innerHTML = 'matching';

  } else {

    document.getElementById('message').style.color = 'red';

    document.getElementById('message').innerHTML = 'not matching';

  }

}



<label>password :

  <input name="password" id="password" type="password" onkeyup='check();' />

</label>

<br>

<label>confirm password:

  <input type="password" name="confirm_password" id="confirm_password"  onkeyup='check();' /> 

  <span id='message'></span>

</label>
 

 


List of Articles
번호 제목 날짜 조회 수
247 비동기 작업의 원리 (JavaScript 엔진, Web API, Task Queue, Event Loop) file 2023.01.20 138
246 Node.js와 npm(+ npx)의 개념 2023.01.20 134
245 바닐라 JS, ECMAScript 개념 file 2023.01.20 109
244 마우스 오른쪽버튼 , 드래그 선택 차단 2023.01.12 118
243 개발자도구 F12키 막기 file 2023.01.12 167
» 패스워드, 확인패스워드가 맞는지 체크 2023.01.12 129
241 문자열 안에 쌍따옴표, 홑따옴표 표시하는 3가지 방법 file 2021.08.20 1768
240 대소문자 변경 (대문자를 소문자로, 소문자를 대문자로) 2021.08.20 259
239 시간 계산하기 (시/분/초/ 더하기, 빼기) 2021.08.20 1699
238 날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기 2021.08.20 1518
237 월의 마지막 날짜 계산하기 2021.08.20 242
236 Date 객체로 원하는 날짜, 시간 표현하기 2021.08.20 221
235 날짜 계산하기 (년/월/일 더하기, 빼기) 2021.08.20 2351
234 3자리 마다 쉼표만 찍어주는 number_format 함수 2021.03.26 224
233 팝업창 맨위로 올라오게 하기 2021.03.26 848
232 폼안에 태그명, 함수명 같을때 오류 2021.03.26 214
231 ajax 사용시 Internal Sever Error 뜨는 경우 2021.03.26 953
230 자주쓰는 것들 2021.03.26 203
229 utf-8일때 alert 한글 깨짐 해결 2021.03.26 3525
228 split, join, replace, replace_all 2021.03.26 204
Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

하단 정보를 입력할 수 있습니다

© k2s0o1d4e0s2i1g5n. All Rights Reserved