横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。
:passwordフィルターは、フォームの部品を選択するフィルター機能のセレクターです。
:password フィルター |
input要素のtype属性が『password』だけを選択できるフィルターです。 書式; $(":password").focus(function(){ フィルターの選択要素がフォーカスされた時に実行する処理 .blur(function(){ フィルターの選択要素がフォーカスが外れた時に実行する処理 }); |
---|
:passwordは type属性の値に(password)が設定されてる
input要素だけを選択するフィルター
動作; パスワード項目にフォーカスされると、
『パスワードは6文字以上で入力してください』を追加して、外れると表示された項目を削除する。
jQueryの書き方 |
/*------------------------------------ */ //51-10) パスワード入力フォームのフィルター (:password) /*------------------------------------ */ $(":password") .focus(function(){ $(this).after("<strong>パスワードは6文字以上で入力してください</strong>"); }) .blur(function(){ $("strong").remove(); }); |
---|---|
cssの書き方 |
----------------- |
HTMLの書き方 |
パスワード1:<input type="password" name="パスワード1"
/><br/> パスワード2:<input type="password" name="パスワード2" /><br/> パスワード3:<input type="password" name="パスワード3" /><br/> パスワード4:<input type="password" name="パスワード4" /><br/> |