jquery実装ユーザ名パスワードプロンプト

2051 ワード

今では多くのサイトのログインボックスに「ユーザー名を入力してください」「パスワードを入力してください」という機能ヒントがありますが、今日はjQueryでこのような小さな機能を作ってみました.
HTMLコードは次のとおりです.
"text" id="userid" value="      ">
"text" id="password" value="     ">
"button" value="  ">

まず、ユーザー名テキストボックスがマウスフォーカスを取得すると、アドレスボックスの値が「ユーザー名を入力してください」の場合、テキストボックスの内容を空にします.
$("#userid").focus(function(){
var useridText =$(this).val();//          
   if(useridText=="      "){
       $(this).val("");
       }
});

ステップ2では、ユーザー名テキストボックスがマウスのフォーカスを失った場合、ユーザー名テキストボックスの値が空の場合、アドレスボックスの値を「ユーザー名を入力してください」に設定します.
$("#userid").blur(function(){
var useridText =$(this).val();//          
   if(useridText==""){
       $(this).val("      ");
       }
});

注意:thisは現在のテキストボックスを指します.上記の機能ではthisを用いることができる.defaultValueプロパティは、現在のテキストボックスのデフォルト値を取得する機能です.
何か间违っているところや疑问があるところを提出してください.よろしくお愿いします.