プログラマーの技術や経験の暴露ブログです。何か聞きたいことがあれば遠慮なくご連絡ください。

2019年9月

JavaScriptで空判定する方法

2019.09.27 munehiro

JavaScriptで空判定する方法です。必須項目に入力があれば送信できる生年月日を入力したら現在の年齢を表示するメールアドレスを入力したらメールアドレスの形式チェックをするといったことに使えます。基本的な操作…

2019.09.26 munehiro

金額の項目など数値で入力してもらわないといけない項目に対し、jQueryを使って数値チェックを行う方法を紹介します。 jQueryで値が数値かどうかをチェックする方法数値チェックは $.isNumeric() を使いま…

2019.09.25 munehiro

jQueryを使って、selectの選択した値を取得したり、値を選択する方法です。 select はチェックボックスやラジオボタンのように予め選択肢を用意し、そこから選択するものになります。しかしちょっと特殊なのが、m…

2019.09.24 munehiro

ラジオボタン(radio)は一覧の中から1件の項目を選択する場合に使います。 1つ選択されている状態で別のものを選択したら、前に選択されていたものが消え新しく選択されたものにチェックが入ります。 ○男性 ○…

2019.09.20 munehiro

画面上で何か入力されたとき、jQueryを使って表示を切り替えたり何かしらのイベントを動作させたい場合があると思います。今回はチェックボックスにチェックが入った場合に値を取得し、動作を切り替える方法です。 …

2019.09.19 munehiro

ファイルアップロード時に正しい拡張子かチェックしたり保存するときにファイル名をDBに登録する場合を想定しています。また、DBから取得したファイル名の拡張子を見て出力方法を変えたり、ファイル名に特殊な文字列を持たせてそれ…

2019.09.18 munehiro

システム開発、HP制作をしていると以前のキャッシュが残っていてブラウザに正しく表示されないなんてことはよくあると思います。キャッシュはブラウザの表示速度が速くなり便利ですけど、開発時には若干面倒です。自分だけの問題な…

2019.09.17 munehiro

テーブルを使ってデータを一覧表示したとき、マウスカーソルがあたっている行だけを色を変えると見やすさが増しませんか？ CSSで簡単にできますので説明します。マウスオーバー時にTABLEの行の背景色を変えるCSSの書き方 …

2019.09.16 munehiro

データを一覧表示させる際にテーブルを使うことは多いと思います。しかしデータの表示項目が多いと目がちかちかして見にくくなってしまいます。そんなときデータの行を1行1行色を変えると見やすくなります。 CSSで簡単にできる…

2019.09.15 munehiro

キャッチコピーをバンと表示したいけど、微妙に2文字だけ改行されてしまう！！なんてことないですか？こういった場合には文字を小さくするという対応方法もありますが、文字と文字の間の微妙な隙間を狭くすることで改…