2019-10

フォーム

【フォーム】お問合せ入力フォームのエラーチェック【jquery.validate.min.js】

お問合せ入力フォームのエラーチェックにjQueryプラグインのjquery.validate.min.jsを利用します。必須入力チェック以外にも、入力フォームの項目に合わせて様々なエラーチェックが設定できます。

マウスオーバー

【マウスオーバー】ナビゲーションのテキストリンクを移動する下線【PCサイト用】

ナビゲーションのテキストリンクに現在位置を示す下線を表示します。テキストリンクをマウスオーバーすると下線がアニメーションで移動し、マウスアウトで戻ります。

マウスオーバー

【マウスオーバー】ヘッダーのグローバルナビゲーション展開【PCサイト用】

PCサイトでヘッダーのグローバルナビゲーションをマウスオーバーするとサブナビゲーションが展開します。透過の背景色の上にナビゲーションを配置して見やすくしています。

フォーム

【フォーム】開始日時と終了日時を比較してエラーチェック

入力フォームに開始日時と終了日時を分けて入力し、必須入力チェック、開始日時と終了日時の整合性チェックを行います。

フォーム

【フォーム】jQuery UIのDatepickerでカレンダーから日付を入力

jQuery UIを導入し、Datepickerでカレンダーから日付を入力します。それぞれ開始日と終了日を分けて入力し、必須入力チェック、開始日と終了日の整合性チェックを行います。

タイトルとURLをコピーしました