jquery– category –
-
【laravel】ajaxを使用してバリデーションする方法（初心者向け）
laravelでフォームを作っていて、入力後にバリデーションをかけたい場面に出会ったことがあると思います。ボタンを押してから入力チェックをしてエラーにする流れだと、場面によってユーザーにとって少しストレスになることもあります。 特に、 入力値が変... -
laravelでajaxを使用して非同期処理をする方法
laravelとajaxで非同期処理をする 今回は更新処理をする 一つだけチェックできるチェックボックス開発をしながら一つだけ選択できるチェックボックスがあった時にajaxを使ったのでそのロジックを参考に書いていきます。 フロー フォームのチェックボックス... -
PHP・LaravelとjQueryで明細を追加する方法②
追加した明細を削除する 前回で明細を追加しましたが、次はその明細を削除してPOSTする手順を記述していきます。 フロー 各明細行の削除ボタンを押下 該当明細行を非表示にする 削除フラグを立てる 行を追加 5行目の削除ボタン、送信ボタンを押下 削除した... -
PHP・LaravelとjQueryで明細を追加する方法
PHP・LaravelとjQueryで明細をtableに追加 明細を扱うシステムでは画面遷移することなく明細を追加したい時に使える方法です。今回はLaravelですが、生PHPでも応用できると思います。 フロー DBから明細データを取得（今回はサンプルデータを作成していま... -
js、jQueryで入力の都度、残りの文字数を出力
js、jQueryで入力の都度、残りの文字数を出力 フォームのテキスト内に文字が入力されるたびに、残りの入力可能文字数を変動させたい。 HTML、js、jQueryソース <!DOCTYPE html> <html lang="ja"> <head> <meta charset=&qu... -
js、jQueryで入力の都度、自動計算する
js、jQueryで入力の都度、自動計算 結果 テキスト入力欄に数値が入力される都度、計算した結果を表示します。 HTML、js、jQuery <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta n... -
javascript、jQueryでスクロールを画面遷移しても保持する
js、jQueryでスクロール位置を保持する 今回は、js、jQueryを使用して画面遷移しても対象要素のスクロール位置が保持される機能です。早速ソースを見ていきましょう。 ソース <script> $(function(){ // 変数宣言 let scroll_top = ''; // ... -
jsで現在時間を取得してjQueryで画面に表示する
js、jQueryで現在時間を画面に表示 結果 使用するのはjavascriptのdateオブジェクト、jQueryです。ソース内にコメントアウトで簡単に解説を記述しています。 HTML 簡単にをモットーにしているため今回はCSSなしでスタイルはあてていません。 <!DOCTYPE ... -
超簡単なハンバーガーメニュー
jQuery、CSSで簡単なハンバーガーメニューを作成 今回は、簡単なハンバーガーメニューを作成しました。実用性には欠けると思うので、こんな感じで動いているんだなというイメージだけ掴めればありがたいです。(ネット上にはもっといい感じのやつがたくさん...
1