jQuery 【jQuery】pdfが存在するか、mimeタイプのバリデーションする
jQueryで、pdfのアップロード時にファイルが選択されているか、正しいpdfファイルかのバリデーションをチェックします。jQuery関連記事HTMLのform構造HTMLまずは、formの構造を確認していきます。 ほかに名前とかいろいろ...
form
jQuery 
php Google reCAPTCHA v3をPHPのフォームで導入する
メールフォームでのスパム対策が行えるreCAPTCHA v3を、PHPのメールフォームに実装してみます。PHP関連記事reCAPTCHAとは？reCAPTCHAは、Googleが提供する画像を使った認証システムです。現在バージョンv2・v3...
jQuery jQueryでinput[type=”file”]で画像アップロード時にプレビューを表示する
inputで画像アップロードするときに、jQueryで選択された画像をプレビューで表示するやり方です。画像選択画面で「キャンセル」を押された場合にも、添付されているか確認してプレビューのオンオフ処理する方法。 また、ファイル選択必須・ファイ...
jQuery jQueryでrequiredの専用エラー文と文字数制限のバリデーションをつくる
requiredで入力していないと「このフィールドを入力してください」しか出ないし、ほかの入力がある場合、エラー表示がばらばらになるので、requiredの動きをjQueryでつくります。 それと、文字数制限のバリデーションもつくります。j...
jQuery jQueryでラジオボタンとセレクトボックスが選択されているかのバリデーション
jQueryを使って、form送信時に ラジオボタンが選択されているかのバリデーションチェック、 セレクトボックスが選択されているかのバリデーションチェック、 をつくります。jQuery関連記事1. ラジオボタンが選択されているかのバリデー...
jQuery jQueryでチェックボックスの親子を連動させる + 選択されているかのバリデーション
jQueryを使って、 1. 1つ以上選択されているかのバリデーションチェック。 2. 親のチェックに連動して、子全てが一括選択/解除される。 3. 子のチェックに連動して、親が選択/解除される。 をつくります。jQuery関連記事1. チ...
jQuery フォーム入力時にひらがな・カタカナ・全角・半角をjQueryで自動変換する
フォーム入力完了時に、ひらがなとカタカナを相互変換、全角英数を半角英数に（ついでにハイフンも統一）自動で変換してくれるjQueryです。ふりがなの変換や電話番号の入力ミスをバリデーションでエラーを出すより、勝手にやってくれた方がユーザービリ...
jQuery placeholderを見やすく！jQuery+css3でつくるフローティングラベル
入力すると消えてしまうinputタグのplaceholderを見やすくするjQuery+css3でつくるフローティングラベルjQuery関連記事サンプルを用意しました。htmlhtmllabelの中に入力中に表示したい項目名を入れます。pl...
jQuery スマホ対応！ページ離脱はjQueryのアラートで防ぐ！
CV率アップ！ユーザーの離脱は、jQueryのアラート(ポップアップ)で防ぐ！PCだけならbeforeunloadでできますが、iOSなどのスマホのブラウザでは、popstateやhashchangeをトリガーにして発火しないので、スマホで...
jQuery jQuery不要！フォームで郵便番号を入力すると自動で住所を反映してくれるajaxzip3.jsの使い方
jQueryは不要！フォームで郵便番号を入力すると自動で住所を反映してくれるajaxzip3.jsの使い方jQuery関連記事サンプルを用意しました。ajaxzip3.jsの準備ajaxzip3.jsを準備します。 ajaxzip3.jsは...