みんなjQuery-validateによって処理されるフォーム内にテーブルがあります。テーブルには、クリックした場合に編集可能である必要があるいくつかの列があります（これにより、非表示の入力が更新されます）。何らかの理由で、検証コードがページにある限り、フィールドが編集されるとすぐにページが送信されます（ajax以外のバージョン）。検証コードを削除すると、編集可能な関数が正常に機能します。
これが私のフォームです：
<form name="newCountForm" id="newCountForm" action="" method="post" class="inputForm" onsubmit="return false;">
<fieldset>
<legend></legend>
<div>
<table id="newCountsTable" border="1" cellpadding="1" cellspacing="1" class="contentBox tablesorter">
<thead>
<tr class="title1">
<td colspan="11">Counts</td>
</tr>
<tr class="title2">
<th>SKU</th>
<th>OZ</th>
<th>Description</th>
<th colspan="2">Front</th>
<th colspan="2">Back</th>
<th>Damages</th>
<th colspan="2">Total</th>
</tr>
<tr class="title2">
<th colspan="3"> </th>
<th>Cases</th>
<th>Units</th>
<th>Cases</th>
<th>Units</th>
<th>Units</th>
<th>Cases</th>
<th>Units</th>
</tr>
</thead>
<tbody>
<tr id="newCount_ML05_row" class="row1">
<th>ML05</th>
<th>6 oz</th>
<th>1% MILK GALLON</th>
<th><span id="editme_cases_front_ML05" class="editHolder_cases">0</span><input type="hidden" name="cases[front][ML05]" id="cases_front_ML05" class="cases" value="0" /></th>
<th><span id="editme_units_front_ML05" class="editHolder_units">0</span><input type="hidden" name="units[front][ML05]" id="units_front_ML05" class="units" value="0" /></th>
<th><input type="text" name="cases[back][ML05]" id="cases_back_ML05" class="cases" size="5" maxlength="4" value="0" /></th>
<th><input type="text" name="units[back][ML05]" id="units_back_ML05" class="units" size="5" maxlength="4" value="0" /></th>
<th><input type="text" name="units[damages][ML05]" id="units_damages_ML05" class="units" size="5" maxlength="4" value="0" /></th>
<th class="right"><span id="cases_total_ML05">0</span></th>
<th class="right"><span id="units_total_ML05">0</span></th>
</tr>
<tr id="newCount_ML05_row" class="row2">
<th>ML05</th>
<th>6 OZ</th>
<th>1% MILK GALLON</th>
<th><span id="editme_cases_front_ML05" class="editHolder_cases">0</span><input type="hidden" name="cases[front][ML05]" id="cases_front_ML05" class="cases" value="0" /></th>
<th><span id="editme_units_front_ML05" class="editHolder_units">0</span><input type="hidden" name="units[front][ML05]" id="units_front_ML05" class="units" value="0" /></th>
<th><input type="text" name="cases[back][ML05]" id="cases_back_ML05" class="cases" size="5" maxlength="4" value="0" /></th>
<th><input type="text" name="units[back][ML05]" id="units_back_ML05" class="units" size="5" maxlength="4" value="0" /></th>
<th><input type="text" name="units[damages][ML05]" id="units_damages_ML05" class="units" size="5" maxlength="4" value="0" /></th>
<th class="right"><span id="cases_total_ML05">0</span></th>
<th class="right"><span id="units_total_ML05">0</span></th>
</tr>
</tbody>
</table></div>
<div><label for="count_date">Count Date </label> <input type="text" name="count_date" id="count_date" size="20" value="04/09/2012" class="required" /></div>
<div class="center"><input type="submit" class="button" value="Enter the Counts" /></div>
</fieldset>
</form>
jQueryは次のとおりです。
$('#countsTable').tablesorter({ headers: { 7: { sorter: false } } });
$('#newCountsTable').tablesorter();
$('#count_date').datepicker({
showButtonPanel: true
});
function sumValues() {
var sum = 0;
.each(function () { sum += parseFloat(this.value) });
return sum;
}
var v = jQuery("#newCountForm").validate({
errorElement: "div",
errorClass: "validation-advice",
submitHandler: function(form) {
$('#newCountResponse').html('<img src="themes/default/icons/indicator.gif" alt="spinner" />');
jQuery.get('ajax.php?action=createCount&reprinttable=1&showButtons=1', $('#newCountForm').serialize(), function(data) {
// Clear the default row
$('#countsTableDefaultRow').remove();
// Update the table with the new row
$('#countsTable > tbody:last').append(data);
$('#countsTableUpdateNotice').html('<div class="updateNotice">A new row has been added to this table, inline editing for this new row will be disabled until the next page refresh.</div>');
// Show a success message
$('#newCountResponse').html(returnSuccessMessage('count'));
});
}
});
$('*[id^=newCount_]').each(function () {
var $row = $(this),
sku = this.id.replace(/newCount_(.*?)_row/, '$1');
$.each(['cases', 'units'], function (i, type) {
$row.on('change', '.' + type, function () {
$('#' + type + '_total_' + sku).text( sumValues($row.find('.' + type)) );
});
});
$.each(['editHolder_cases', 'editHolder_units'], function (i, type) {
realType = type.replace(/editHolder_/, '');
$("#editme_" + realType + "_front_" + sku).editable(function(value, settings) {
$("#" + realType + "_front_" + sku).val( value );
$('#' + realType + '_total_' + sku).text( sumValues($row.find('.' + realType)) );
alert("#" + realType + "_front_" + sku + " - " + value);
return(value);
}, {
cancel : 'Cancel',
submit : 'OK',
tooltip : 'Click to edit...'
});
});
});
編集して送信すると、「バリデーターは未定義です」というファイアバグでこれが発生しますが、これらのバグの原因は何ですか？