jQuery

jQuery

bxSliderをカルーセルやコンテンツスライダーなど便利なサンプル5種

レスポンシブ対応の便利なjQueryプラグイン「jquery.bxslider.js」のbxSliderをカルーセルや、コンテンツスライダーなど、デザインサンプル5種を作りました。 bxSliderの基本的な使い方は下...
jQuery

bxSliderの使い方と、オプションでのカスタマイズ方法

超簡単に設置できるjQueryの画像・スライダープラグイン「jquery.bxslider.js」の使い方と、オプションでのカスタマイズをまとめています。 jQuery関連記事 bxS...
jQuery

select・optionタグをjQueryで、プルダウンの選択値を取得、変更する

selectタグと、optionタグ(プルダウン)をcssとjQueryでカスタマイズしていきます。 cssで見た目を、jQueryで選択されている値の変更・取得などまとめました。 jQuery関連記事 s...
jQuery

jQueryでinput[type=”file”]で画像アップロード時にプレビューを表示する

inputで画像アップロードするときに、jQueryで選択された画像をプレビューで表示するやり方です。画像選択画面で「キャンセル」を押された場合にも、添付されているか確認してプレビューのオンオフ処理する方法。 また、フ...
jQuery

jQueryでrequiredの専用エラー文と文字数制限のバリデーションをつくる

requiredで入力していないと「このフィールドを入力してください」しか出ないし、ほかの入力がある場合、エラー表示がばらばらになるので、requiredの動きをjQueryでつくります。 それと、文字数制限のバリデー...
jQuery

jQueryでラジオボタンとセレクトボックスが選択されているかのバリデーション

jQueryを使って、form送信時に ラジオボタンが選択されているかのバリデーションチェック、 セレクトボックスが選択されているかのバリデーションチェック、 をつくります。 jQuery...
jQuery

jQueryでチェックボックスの親子を連動させる + 選択されているかのバリデーション

jQueryを使って、 1. 1つ以上選択されているかのバリデーションチェック。 2. 親のチェックに連動して、子全てが一括選択/解除される。 3. 子のチェックに連動して、親が選択/解除される。 ...
jQuery

フォーム入力時にひらがな・カタカナ・全角・半角をjQueryで自動変換する

フォーム入力完了時に、ひらがなとカタカナを相互変換、全角英数を半角英数に(ついでにハイフンも統一)自動で変換してくれるjQueryです。 ふりがなの変換や電話番号の入力ミスをバリデーションでエラーを出すより、勝手にやってくれた方が...
jQuery

placeholderを見やすく!jQuery+css3でつくるフローティングラベル

入力すると消えてしまうinputタグのplaceholderを見やすくするjQuery+css3でつくるフローティングラベル jQuery関連記事 サンプルを用意しました。 html ...
jQuery

スマホ対応!ページ離脱はjQueryのアラートで防ぐ!

CV率アップ!ユーザーの離脱は、jQueryのアラート(ポップアップ)で防ぐ! PCだけならbeforeunloadでできますが、iOSなどのスマホのブラウザでは、popstateやhashchangeをトリガーにして発火しな...
タイトルとURLをコピーしました