Expired:掲載期限切れです この記事は,産経デジタル との契約の掲載期限(6ヶ月間)を過ぎましたので本サーバから削除しました。 このページは20秒後にITmedia ニュース トップページに自動的に切り替わります。
最近、実案件で実験していたのですが、仕様が固まってきたのでメモしておきます。 JavaScriptを特定のページで実行したいというニーズがあるけれど、head要素内に書くとか、body要素内に書くとか、そのページ限定でscript要素を使って読み込むとかいろんな方法があります。 ただ、コードが散らばると管理が面倒なので、一つのファイルにまとめたい派です。まとめれば、HTTPリクエストが減るし、キャッシュもされるし、何かと都合が良かったりします。 ひとつにまとめると、「そのページで実行するスクリプト」を一つのファイルから切り分けないといけなくなるので、ディスパッチャーが必要です。 @kyo_ago さんの「そこそこ規模が大きくても何とかなるjavascriptの設計(URL dispatcherの薦め) | tech.kayac.com - KAYAC engineers' blog」という
jQuery Validation Plugin jquery.validate.js フォームのバリデーションにとても便利なjQueryプラグインですが、Ajaxを使った時にちょっとハマったのでメモ。 例えばユーザー名が使われているかチェックする時にクライアントサイドのチェックだけでは実装出来ないのでサーバに問い合わせる必要があります。 jQuery Validation Pluginではremoteを設定する事でデフォルトではonkeyup(一文字入力するごと)毎にサーバ側にリクエストしてチェックしてくれます。 コードサンプル ※Bootstrapを使っているのでCSSへの適応も考慮されています。 HTML <form id="join-form"> <div class="control-group"> <input id="username" name="username" typ
一定期間更新がないため広告を表示しています
A tiny jquery plugin for validate forms. Download Validetta Currently v1.0.1 What is Validetta ? Validetta is jQuery plugin which you can do client-side validation of your forms. It aims to decrease your burden with easy usage and flexible structure. You can support the repository at GitHub. If have a suggestion or idea, or have found a bug, please create an issue by going to issues page of github
選択しているのが2つかどうか Validettaは、以下の項目がチェックできます。 データが空かどうか。 電子メールのチェック。 数字のチェック。 クレジットカード番号のチェック。 フィールド内の文字数のチェック。 チェックボックスやセレクトボックスの選択数のチェック。 2つのフィールドが同じかどうか。 正規表現を使ったフィールドのチェック。 Validettaの使い方 Step 1: 外部ファイル jquery.jsと当スクリプト・スタイルシートを外部ファイルとして記述します。 <link href="validetta/validetta.css" rel="stylesheet" type="text/css" media="screen" > <script type="text/javascript" src="http://code.jquery.com/jquery-late
Slackのようなチャットサービスに使われる、文字が増えると縦方向に自動リサイズしてくれるtextareaのdirective。 app.directive('resizeTextarea', function() { return { restrict: 'E', transclude: true, replace: true, template: "<textarea placeholder='入力してください'></textarea>", link: function(scope, element, attrs) { var HEIGHT = 25; var el = angular.element(element[0]) el.css('lineHeight', HEIGHT + "px"); el.css('height', HEIGHT + "px"); var resize
内容の分量に応じて、textareaの自動サイズ変更(高さ)をするスクリプトを書きました。 本来ならばjQuery Autosizeという素敵ライブラリがあるのですが、なぜだかこれが上手く動かなくて泣く泣く自前で作る羽目に。 一応、自分用にはjQueryを使って書いたんですが、jQueryを使わないバージョンも書いてみました。 //jquery使うバージョン $("#ta").height(30);//init $("#ta").css("lineHeight","20px");//init $("#ta").on("input",function(evt){ if(evt.target.scrollHeight > evt.target.offsetHeight){ $(evt.target).height(evt.target.scrollHeight); }else{ var lin
表題の通り。 WordPressで最も使われているだろうメールフォームプラグイン「ContactForm7」。 これにメールアドレスの二重確認を実装する方法として、smilkobutaさんのサイトで紹介されているコードが広く使われていて、僕も利用させて頂いていたのですが・・・しばらく触っていない間にContactForm7のバージョンアップに伴い2つのメールアドレスが一致しなくても警告が出ず送信されるようになっていたので、ちょっと手直ししてみました。→smilkobutaさんの方でも対応されたようです。smilkobutaさんのサイトのコードの方もオススメしておきます。 functions.phpなどに追記している従来のコードを、以下のものと差し替えてみて下さい。 ///Contact Form 7に確認用メールアドレスを追加 add_filter( 'wpcf7_validate_ema
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く