【ajax+MySQL】ユーザーIDやメールアドレスが既に登録されている場合にアラートを出す(重複登録を防止)

2019-08-22

会員登録制のサイトでは当たり前に必要となる重複登録を防止する機能。 ページ遷移なく、重複を確認する方法の手順をメモとして残します。 会員登録の画面では、ユーザーID及びメールアドレスの重複を防ぐ必要性があります。 下記のコード例では、id名「inpMail」の入力フォームからフォーカスが外れた際に、重複チェックがされる仕組みとなっています。 <HTML+jQuery> htmlStart ログインID(メールアドレス) この内容で登録する $('#inpMail').blur(function() { v...

Ajaxでセレクトメニューの内容を非同期で変更する【最短コピペ用jQueryコード】

2019-08-19

フォームを扱うページでは非同期通信を使うことで、 使い勝手が向上することがありますので、jqueryのAjaxは重宝します。 いまさらですが、あまりによく使うので、個人的なメモ代わりに HTML・jQuery・PHPの3点セットを残しておきます\(^o^)/ デモサンプルとして、都道府県のエリア選択を例にしました。 デモはこちら HTML htmlStart 地域区分 --選択-- 北海道 東北 南関東 北関東・甲信 北陸 東海 近畿 中国 ...

【実体験レビュー】最新のPLC(別名:コンセントLAN)でネット速度が2倍に!家全体どこでもLANが繋げるWiFiが届きまくる!

2019-07-03


▽コンセントがLANポートに?電気配線をLANに変換 ▽マニアックな商品の為?パナソニックが家庭用PLC撤退 ▽PLC性能対決!日本・中国・アメリカ 結果は!?やはりそうか… ▽最新のTP-Link PLCアダプターが届きました ▽旧PLCから新PLCに変えると速度が2倍アップ! ▽PLC設置に必要なものまとめ ▽PLCを自分で購入して設置するのが面倒な方はご依頼ください コンセントがLANポートに?電気配線をLANに変換 10年以上ほど前に、田舎の実家に帰った時、ネット環境はあるものの、 やや大きめの一軒家なのでWiFiの電波が1階から2階まで繋がりませんでした。...

大阪のグルメ食レポ 焼肉のホルモンがハイコスパの「いろりや」

2019-03-03


大阪のなんばを歩いていると、冗談抜きで8割が旅行者なんじゃないかというくらい日本人が少ない感じ。それもそう、ザ・大阪を満喫するなら梅田ではなく、なんばを選択するのは正解。分かってるじゃないか外人勢。 それにしてもなんばの飲食店の盛り上がりはすごいです。 平日でも満席のお店が多く、どの店も客でごった返しています。 個人的になんばで注目のグルメは焼肉のホルモン!ホルモンのお店がすごく多いのがなんばの特徴とも言えます。大阪では鶴橋=焼肉・ホルモンのイメージが強いですが、なんばも負けていません。 今日は、味やオシャレさよりもコスパを重視した焼肉ホルモン店の「いろりや」さんを紹介した...

ワードプレスのデータベースの配列データから画像のパスだけを取得

2018-11-27

ワードプレスを外し、独自のシステムに移行する際、画像のエクスポートが苦労しました。 個人的にワードプレスは好みません。クライアントに管理画面を提供する場合は、自分で一から作ったほうがユーザビリティーが圧倒的に良くなるからです。 アップロード画像の記録がある、postmetaテーブルの検索で「meta_key = _wp_attachment_metadata」とすると、データが下記のようになっていた。なんというごちゃごちゃしたデータ。これだからワードプレスは苦手だ。 htmlStart a:5:{s:5:"width";i:731;s:6:"height";i:723;s:4:"f...

ドキュメントタイプについて

2014-08-14

HTMLの先頭で記載しなければいけないドキュメントタイプにはいくつか種類がある。ドキュメントタイプを指定しないと、古いIEではCSSが正しく反映しなかったりするので宣言は必須。例えば「margin:0 auto;」が効かない。 これまで現役で、今もなお主力なのがxhtmlのドキュメントタイプ。この指定をすると閉じタグのないタグには最後にスラッシュが必要になる。個人的には好きな指定法。 htmlStart htmlEnd そして、xhtmlより前に主流だったのが下記のドキュメントタイプ。テーブル組みの時代によく見られていたので、古いサイトは大半がこの形。 htmlSta...

jqueryでtable・liなどをドラッグ&ドロップで並び替え(ソート)する

2013-04-27

ドラッグ&ドロップで並び替える機能はほんの数行で実現できる。まずはjqueryとjquery-uiを下記にアクセスしてダウンロードする。jqueryは自サーバに置いたほうが読み速度が早いから直リンクはオススメしない。 htmlStart http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js http://code.jquery.com/ui/1.10.2/jquery-ui.js htmlEnd 次は、下記のようにjqueryを読み込んで、一行コードを書いてやります。#sortにドラッグ&ドロップソートを適応さ...

要素が空の場合はそのタグを削除する

2012-09-21

管理画面で入力がされていない空の項目がある場合、表のページで内容が空だったら非表示にしたいケースがちょくちょくあります。PHPで全ての項目に分岐文を加えるのは面倒だなと思い、他の方法を考えるてみると…。なんと、jqueryを使えば一行で実現できてしまいました。 htmlStart //リストの場合 $("ul#detail li:empty").remove(); //テーブルの場合 $("table#detail td:empty").parent('tr').remove(); htmlEnd このコードでのポイントはemptyでの空要素チェックとparentで親要素の指...

この記事がお役に立てましたら是非シェアのご協力お願いします。