JavaScriptで空判定する方法
JavaScriptで空判定する方法です。 必須項目に入力があれば送信できる 生年月日を入力したら現在の年齢を表示する メールアドレスを入力したらメールアドレスの形式チェックをする といったことに使えます。 基本的な操作…
プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。
JavaScriptで空判定する方法です。 必須項目に入力があれば送信できる 生年月日を入力したら現在の年齢を表示する メールアドレスを入力したらメールアドレスの形式チェックをする といったことに使えます。 基本的な操作…
金額の項目など数値で入力してもらわないといけない項目に対し、jQueryを使って数値チェックを行う方法を紹介します。 jQueryで値が数値かどうかをチェックする方法 数値チェックは $.isNumeric() を使いま…
jQueryを使って、selectの選択した値を取得したり、値を選択する方法です。 select はチェックボックスやラジオボタンのように予め選択肢を用意し、そこから選択するものになります。 しかしちょっと特殊なのが、m…
ラジオボタン(radio)は一覧の中から1件の項目を選択する場合に使います。 1つ選択されている状態で別のものを選択したら、前に選択されていたものが消え新しく選択されたものにチェックが入ります。 ○男性 ○…
画面上で何か入力されたとき、jQueryを使って表示を切り替えたり何かしらのイベントを動作させたい場合があると思います。 今回はチェックボックスにチェックが入った場合に値を取得し、動作を切り替える方法です。 …
jQueryのclickを使って何かがクリックされたら処理をするようなコードを作成したとします。 そのとき、セレクタが親子で同じ場合両方とも処理されてしまいます。 複数取得できた場合は子要素だけ取得したいときの書き方を紹…
WEBページを見ているとき画像が小さくてよく見えないときありますよね? そんなときに、画像をクリックしたらモーダル画面で拡大されて表示されたら便利じゃないですか? モーダル画面(モーダルウィンドウ)は、操作が完了するまで…
サイドバーって画面をスクロールさせていくと最後のほうは何も表示されなくなっちゃいますよね。 せっかくスペースがあるなら常に何か表示させておきたいと思うものです。 そこで今回は画面をスクロールするとサイドバーが固定表示され…
サイドバーって何か情報を載せ始めるとごちゃごちゃしてきて分かりづらくなりますよね。 そこで折りたたんですっきり出来るようにしてみようと思います。 完成形のコード HTML(サイドバー部分) [crayon-6758d43…
以前にCSSでドロップダウンメニューを作成しました。 CSSではマウスオーバーでしか動的なことは出来ないため、マウスオーバーで開閉するようなものでした。 CSSの擬似クラス(hover)でメニューにドロップダウンを可能な…