jQueryにおけるattrとpropの違いと使いドコロまとめ - Qiita
checkboxやradioのチェック状態を調べる際にはattrではなくpropを使うのが良い。 attrでも取れないこともないですが、propで取得する方が処理が早いです。 特にIEの場合、inputに対するdisabledの処理がものすごく重く、attrでdisabledやcheckedの処理を沢山していると、無駄に最悪な感じで負荷がかかります。 attrとpropの取得の違い またこの２つは、同じ値を取得してるようで異なる値を取得するので注意。 例えば //チェックした値を取得するよー $(":checkbox").click(function() { alert($(this).prop('checked')); alert($(this).attr('checked')); }); の場合、 チェック時 prop true attr checked 非チェック時 prop fal
jqueryでのcheckboxの全選択 - Qiita
jquery1.10.1で checkboxを選択すると、他のチェックボックスを全選択させようとした。 そして無駄にハマったのでメモ <input type="checkbox" id="check-all"> <input type="checkbox" value="1" name="a" class="bar"> <input type="checkbox" value="2" name="b" class="bar"> <input type="checkbox" value="3" name="c" class="bar">
jQueryを利用したバリデーションチェック1 ~ PhoEniBiR～DevDiary
2011/06/20 jQueryを利用したバリデーションチェック1 15:25:00 Motoi Nishiu＠ふぇにば No comments メールで送信 BlogThis! Twitter で共有する Facebook で共有する jQueryを利用したバリデーションチェック1コンセプトフォーカスアウト時にリアルタイムにバリデーションチェック エラーがある時は送信しない サンプルはこちらから javascript Code$(document).ready(function(){ /* ◯各々にフォーカスアウトしたときに実行 */ $(":text,textarea,:password").blur(function(){ /* ◯NULLチェック */ if($(this).attr('validate').match("required")){ if($(this).val(
WordPress：お問い合わせフォームを簡単に設置できるプラグイン「Contact Form 7」の備忘録 - NxWorld
「Contact Form 7」はお問い合わせフォームを簡単に設置でき、様々なカスタマイズも可能なので、多くのサイトで紹介・使用されているプラグインのひとつだと思います。 公式サイトでも多くの情報がありますし、人気のあるプラグインなので検索でもいろいろと出てはくるのですが、これだけ見れば良いっていう自分好みの感じのものを作りたかったので、使う頻度が高い使用方法やカスタマイズなどを備忘録としてまとめてみました。 紹介している内容は、WordPress Ver 3.5.1 と Contact Form 7 Ver 3.4.1 で確認等行ったものです。 Contact Form 7について フォームを作成する際、ほとんどの場合PHPなどのプログラミング知識が必要になってきます。 よほどの知識・技術がある人であれば容易に作ってしまうのかもしれませんが、ゼロからのフォーム作成は結構面倒ですし、知識が
ページを移動（離脱）するときにjQueryで警告を出す方法
Facebookなどでフォーム入力中にページを移動（離脱）しようとすると警告が表示されます。 この仕組みをjQueryで実装する方法を紹介します。jQueryは投稿時点の最新バージョン1.9.1を利用しています。 １．ページを移動するときに警告を出す ページを移動するときに警告を出すには、onイベントにbeforeunloadイベントを設定します。 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <script> $(function(){ $(window).on('beforeunload', function() { return '投稿が完了していません。このまま移動しますか？'; }); }); </script> <form method="post" acti
管理パネルへのアクセスを制限するには | Contact Form 7 [日本語]
デフォルトの設定では、subscriber (購読者) を除いたすべてのユーザーが Contact Form 7 の管理パネルにアクセスすることができ、また、administrator (管理者) と editor (編集者) にはさらにコンタクトフォームの編集権限が与えられています。この設定を変更して権限の割り当てをより限定的にしたいと思うこともあるかもしれません。この記事ではその方法について説明します。 例として、administrator のみにアクセスと編集の権限を与える設定変更について見てみましょう。wp-config.php ファイルを編集して次の行を挿入します: define( 'WPCF7_ADMIN_READ_CAPABILITY', 'manage_options' ); define( 'WPCF7_ADMIN_READ_WRITE_CAPABILITY', 'man
![管理パネルへのアクセスを制限するには | Contact Form 7 [日本語]](https://cdn-ak-scissors.b.st-hatena.com/image/square/446e1bccef6284edf6dbeb0a2daf13487fcbe5de/height=288;version=1;width=512/https%3A%2F%2Fcontactform7.com%2Fwp-content%2Fplugins%2Fcf7com-utils%2Fimages%2Ficon-128x128.png)
Ywcafe.net
Ywcafe.net This Page Is Under Construction - Coming Soon! Why am I seeing this 'Under Construction' page? Related Searches: Credit Card Application Health Insurance 10 Best Mutual Funds Accident Lawyers song lyrics Trademark Free Notice Review our Privacy Policy Service Agreement Legal Notice Privacy Policy
リターン（Enterキー）でフォームを送信しない方法
フォームのテキスト入力中にうっかりリターン（Enterキー）を押してしまい、中途半端なフォームが送信されてしまったという経験をした人は結構多いのではないかと思います。 ということで、リターン（Enterキー）でフォームを送信しないようにする方法を紹介します。この記事の投稿時点でのGoogle Chrome・Firefoxの最新版とIE9で同じ動作になることを確認しています。 １．リターンでフォームが送信される原因 次のように、type属性が「text」のinput要素、いわゆるテキストフィールドが含まれるフォームで、テキストフィールドがアクティブなときにリターンを押すとフォームが送信されてしまいます。 <form action="hoge.cgi"> <input type="text" name="foo" /> <input type="text" name="bar" /> <inp
WordPressのプラグイン・Contact Form 7で使える「特別なメールタグ」の普及に貢献してみる
今まで機会が無かったんですが、最近必要になって改めて便利だったので今更ながらご紹介です。WordPressでコンタクトフォームと言えば、Contact Form 7が定番になっていますが、このCF7にある機能に「特別なメールタグ」っていうのがあります。 フォーラムによく顔を出すような方はご存知の方も多いですが、ググってみると案外紹介されていなかったので普及活動してみます。 まずはContact Form 7のご紹介。WPユーザーなら大抵はご存知ですよね。柔軟性と操作性に優れたコンタクトフォーム用プラグイン。日本製ですが、世界中で愛用されています。 CF7は管理画面内でフォームを作成し、ショートコードで実装します。そのフォーム作成もショートコードを発行する形ですので、HTMLの知識は無くとも作成する事が出来ますが、PHPであるテンプレートタグなどは直接使用できません。 ただ、場合によっては、
jQueryでENTERキーによるSubmitを防止する - xykの日記
formタグ内にsubmitタグがある場合、テキストボックス内でEnterキーを押すとsubmitされてしまう。 <form id="register_form" method="post" action="/register"> <input type="text" name="username" /> <input type="text" name="age" /> <input type="submit" value="保存" /> </form> submitされないようにjQueryで以下のように対応。 jquery-1.4.2.js $(document).ready(function() { $("#register_form").keypress(function(ev) { if ((ev.which && ev.which === 13) || (ev.keyCode
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
jQueryでフォームの未入力チェック機能を作る：東京ウェブ制作ブロマガ
HTML5, CSS3, JS Demos, Creations and Experiments | CSSDeck