jquery経由でボタンをクリックして送信されるフォームがあります。フォームが実行されている間、次のように #results にいくつかのカスタム html を配置します。
$('#run-scraper').click(function() {
$('#scraper-form').submit();
$('#results').html('<div class="loading">Scraping odds. Please wait...<br><img src="/images/ajax-loader.gif">');
});
以下のjquery-form-validationを使用しています。私がやりたいことは、エラー時に結果の div をクリアすることです。しかし、うまくいきません。エラーが発生しても、HTML はそのまま残ります。ボタンがクリックされたときに追加された結果にアクセスするにはどうすればよいですか?
$.validate({
form : '#scraper-form',
errorMessagePosition : 'top',
validateOnBlur : false,
scrollToTopOnError : false,
onError : function($form) {
$('#results').html('');
}
});