株式会社アイネックスはソフトウェアの開発、ホームページの作成ツール企業です。

     横浜、東京に拠点を置き、検証システム/金融・証券のシステム等の構築、開発を行い、
ホームページの作成ツール支援と多岐にわたるソリューションを提供します。

jQuery

51-10)  1.  :password フィルター(セレクター)

:passwordフィルターは、フォームの部品を選択するフィルター機能のセレクターです。

:password フィルター
input要素のtype属性が『password』だけを選択できるフィルターです。

書式;
$(":password").focus(function(){
   フィルターの選択要素がフォーカスされた時に実行する処理
  .blur(function(){
   フィルターの選択要素がフォーカスが外れた時に実行する処理
});

51-10) 2. パスワード入力フォームのフィルター(:password)

 

: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/>


51-10) 3. :password フィルターの送信確認処理

必須パスワード1 :Password1  
必須パスワード2 :Password2  
必須パスワード3 :Password3  
必須パスワード4 :Password4  

送信時に必須項目チェックは省略しています。