jquery実装ユーザ名パスワードプロンプト
2051 ワード
今では多くのサイトのログインボックスに「ユーザー名を入力してください」「パスワードを入力してください」という機能ヒントがありますが、今日はjQueryでこのような小さな機能を作ってみました.
HTMLコードは次のとおりです.
まず、ユーザー名テキストボックスがマウスフォーカスを取得すると、アドレスボックスの値が「ユーザー名を入力してください」の場合、テキストボックスの内容を空にします.
ステップ2では、ユーザー名テキストボックスがマウスのフォーカスを失った場合、ユーザー名テキストボックスの値が空の場合、アドレスボックスの値を「ユーザー名を入力してください」に設定します.
注意:thisは現在のテキストボックスを指します.上記の機能ではthisを用いることができる.defaultValueプロパティは、現在のテキストボックスのデフォルト値を取得する機能です.
何か间违っているところや疑问があるところを提出してください.よろしくお愿いします.
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プロパティは、現在のテキストボックスのデフォルト値を取得する機能です.
何か间违っているところや疑问があるところを提出してください.よろしくお愿いします.