予想は裏切り、期待は裏切らず。2018/09/08jQueryを使って、フォーム内容が埋まっているか、選択されているかなどをチェックする方法のメモ。PHPでバリデーションする前に簡易にチェックすれば、画像が必須の場合に選択し直すことも無くなりそう。赤文字で、フォームが埋まっていない旨のメッセージを表示この3つ。Dialogs』を使ってみます。以下の配布元よりダウンロード。BlogフォームHTML下記フォームで試してみます。<p>各フォームのすぐ後に、エラーメッセージが表示されるようにします。</form>1234567891011121314151617181920212223242526272829303132333435363738394041<p>各フォームのすぐ後に、エラーメッセージが表示されるようにします。振っているのは、エラーメッセージがラベルのあとに表示されるようにするための小細工です。Javascriptヘッダ等に下記スクリプトを記述。jAlert('入力エラーがあります。/>エラーメッセージを参考にフォームを入力してください。$('#Name').next().text('テキストを入力してください。$('#Message').next().text('テキストエリアを入力してください。$('#radio2').next().text('ラジオボタンを選択してください。$('#chechBox3').next().text('チェックボックスを選択してください。$('#Fruits').next().text('セレクトを選択してください。$('#File').next().text('ファイルを選択してください。{jAlert('入力エラーがあります。/>エラーメッセージを参考にフォームを入力してください。{$('#Name').addClass('form-error');$('#Name').next().text('テキストを入力してください。{$('#Message').addClass('form-error');$('#Message').next().text('テキストエリアを入力してください。{$('#ProductPublishError').addClass('form-error');$('#radio2').next().text('ラジオボタンを選択してください。{$('#ProductPublishError').addClass('form-error');$('#chechBox3').next().text('チェックボックスを選択してください。{$('#Fruits').addClass('form-error');$('#Fruits').next().text('セレクトを選択してください。{$('#File').addClass('form-error');$('#File').next().text('ファイルを選択してください。checkSubmit;})});</script>解説スクリプト中の(1)の辺りで各フォームに入力されているかを判定します。メッセージ内容を代入します。'title');となり、messageにメッセージ、titleにアラートウィンドウのタイトルを設定します。等のHTMLを使用することも可能です。部分で各フォームを判定し、赤文字で表示したいエラーメッセージを、指定したセレクタの次の要素に対し作成します。対してIDを振っているのはそのフォームの最後の要素の次に対してメッセージを設定したいからです。ランダムな文字列なり数値を作成するのってどうするんだ、と思い調査しました。ついて整理してみる今更感もありますが、よくわからないままに使っていた「Ajax」について理解したいと思い立ったので、概論からjQueryでの使い方など含めて、整理してみましたのでご紹介。Androidなど)とPCを判定するスクリプトサイトへのアクセス時に「スマートフォン(iPhine/Android)」と「PC」で処理を切り替えたい場合のjQueryスクリプトです。【jQuery】下方へスクロールしたらトップへ戻るボタンを表示して、スムーズにページトップへ帰るスクリプトを組んでみた下スクロールでふわっと表示させ、クリックすると上部へスルスルっと戻って消えるというスクリプトを組んでみました。戻るボタンもテキストではなく画像にし、ファイル名末尾に「_on」をつけた画像で差し替えも行なっています。バージョン2がようやく出来上がったので晒してみたいと思います。Codeで、カーソル行の背景色を設定する方法を備忘録としてポストします。【Laravel】Bladeテンプレートでレイアウトを共通化するLaravelのBladeにて用意されている「継承」と「セクション」を使い、テンプレートを組み合わせてレイアウトを作成していく方法をまとめます。【PHP】オブジェクト形式のデータを作成する方法PHPでオブジェクト形式データの作成方法をポストしておきます。Widgets」にてエラーが出たのて対応した件WordPressのバージョンを5.3にアップグレードしましたら、久々にプラグインでの不具合が出たので、メモとして残しておきたいと思います。【Laravel】テンプレートエンジン「Blade」の構文LaravelのBladeテンプレートの基本構文をまとめます。このWindowsのコピーは正規品ではありません」と表示された件。HTMLなどプログラムネタ、スマホやタブレット、カメラ・写真、たまに日記などを扱っています。個人的な備忘録と化しているカテゴリもありますが、1週間に1回の更新を目指しつつ、ネタ探しの毎日です。運営者について更新履歴お問い合わせサイトマップにんじん予想は裏切り、期待は裏切らず。