jquery 사용자 이름 비밀번호 알림 실현

2105 단어 JQuery
현재 많은 사이트의 로그인 상자에'이름 이름을 입력하세요','비밀번호를 입력하세요'라는 기능 알림이 있는데 오늘은 jQuery로 이와 유사한 작은 기능을 만들어 보았습니다.
HTML 코드는 다음과 같습니다.
"text" id="userid" value="      ">
"text" id="password" value="     ">
"button" value="  ">

첫 번째 단계는 사용자 이름 텍스트 상자가 마우스 포커스를 받을 때, 주소 상자의 값이 '사용자 이름을 입력하십시오' 라면 텍스트 상자의 내용을 비워야 합니다.
$("#userid").focus(function(){
var useridText =$(this).val();//          
   if(useridText=="      "){
       $(this).val("");
       }
});

두 번째 단계는 사용자 이름 텍스트 상자가 마우스 포커스를 잃을 때 사용자 이름 텍스트 상자의 값이 비어 있으면 주소 상자의 값을 "사용자 이름을 입력하십시오"로 설정합니다.
$("#userid").blur(function(){
var useridText =$(this).val();//          
   if(useridText==""){
       $(this).val("      ");
       }
});

주:this는 현재 텍스트 상자를 가리킵니다.상술한 기능에서this를 사용할 수 있다.defaultValue 속성은 현재 텍스트 상자의 기본값을 가져오는 것과 같은 기능을 수행합니다.
성명: 잘못된 점이나 의문점이 있으면 말씀해 주십시오. 잘 부탁드립니다!

좋은 웹페이지 즐겨찾기