人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

jqueryについて質問させていただきます。

jqueryで入力フォームのエラーチェックの処理を実装したのですが、
入力フォームをjqueryで増やせるようにしたところ、エラーチェックが走らなくなってしまいました。

この場合、入力フォームを増やした時点で、エラーチェック関数をもう一度読ませる?ような処理をしないといけないのでしょうか?

jqueryの処理の流れについて教えていただけますと助かります。

●質問者: aiueo
●カテゴリ:インターネット ウェブ制作
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● Cherenkov
●0ポイント

ソースくらい貼りましょう。

jQuery Validation Pluginを使ってるなら、増やしたinputの:uncheckedなエレメントにvalidate()すればよさそうですが。


2 ● Otchy
●100ポイント ベストアンサー

jQuery の live を使うと、後から追加した要素についても自動的にイベントを設定する事が出来ます。

こんな感じに書けば、ADD ボタンを押して後から追加した要素であっても、class="int" の要素全てについて同じエラーチェックが走ります。

HTML

<div id="params"><input class="int" /></div>
<div><button id="add">ADD</button></div>

JavaScript

$(function() {
 $('#add').click(function() {
 $('#params').append($('<input>').addClass('int'));
 });
 $('.int').live('blur', function() {
 var i = $(this).val();
 if (i.length == 0) return;
 if (i.match(/^[0-9]+$/)) return;
 alert('Enter int value.');
 this.focus();
 });
});
◎質問者からの返答

ありがとうございます。こちらで実装してみます!

関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ