메뉴 건너뛰기

조회 수 194 추천 수 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>
 

 


  1. 비동기 작업의 원리 (JavaScript 엔진, Web API, Task Queue, Event Loop)

  2. No Image 20Jan
    by
    2023/01/20 Views 179 

    Node.js와 npm(+ npx)의 개념

  3. 바닐라 JS, ECMAScript 개념

  4. No Image 12Jan
    by
    2023/01/12 Views 168 

    마우스 오른쪽버튼 , 드래그 선택 차단

  5. 개발자도구 F12키 막기

  6. No Image 12Jan
    by 조쉬
    2023/01/12 Views 194 

    패스워드, 확인패스워드가 맞는지 체크

  7. 문자열 안에 쌍따옴표, 홑따옴표 표시하는 3가지 방법

  8. No Image 20Aug
    by
    2021/08/20 Views 319 

    대소문자 변경 (대문자를 소문자로, 소문자를 대문자로)

  9. No Image 20Aug
    by
    2021/08/20 Views 1791 

    시간 계산하기 (시/분/초/ 더하기, 빼기)

  10. No Image 20Aug
    by
    2021/08/20 Views 1669 

    날짜 계산 (Date) 마지막 날짜(말일)/윤달/윤년 처리하기

  11. No Image 20Aug
    by
    2021/08/20 Views 314 

    월의 마지막 날짜 계산하기

  12. No Image 20Aug
    by
    2021/08/20 Views 306 

    Date 객체로 원하는 날짜, 시간 표현하기

  13. No Image 20Aug
    by
    2021/08/20 Views 2453 

    날짜 계산하기 (년/월/일 더하기, 빼기)

  14. No Image 26Mar
    by
    2021/03/26 Views 291 

    3자리 마다 쉼표만 찍어주는 number_format 함수

  15. No Image 26Mar
    by
    2021/03/26 Views 965 

    팝업창 맨위로 올라오게 하기

  16. No Image 26Mar
    by
    2021/03/26 Views 268 

    폼안에 태그명, 함수명 같을때 오류

  17. No Image 26Mar
    by
    2021/03/26 Views 1023 

    ajax 사용시 Internal Sever Error 뜨는 경우

  18. No Image 26Mar
    by
    2021/03/26 Views 304 

    자주쓰는 것들

  19. No Image 26Mar
    by
    2021/03/26 Views 3710 

    utf-8일때 alert 한글 깨짐 해결

  20. No Image 26Mar
    by
    2021/03/26 Views 296 

    split, join, replace, replace_all

Board Pagination Prev 1 2 3 4 5 6 7 8 9 10 ... 13 Next
/ 13

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

© k2s0o1d4e0s2i1g5n. All Rights Reserved