我想创建一个具有单独字段空验证的行,在此基础上启用和禁用addrow按钮,直到完成总空行检查,但只有第一个单元格的验证正在进行,而其他单元格不会调用代码。
$(document).on('click', '#addrow', function () {
var flag=0;
$("#myTable tr").each(function(){
if ( $( this ).find( "td .required" ).length == 0)
{
$(this).next('td .required').focus();
alert( $('td .required').next().attr('id'));
alert('length=0');
$("#addrow").attr("disabled", true);
$('td .required').css('background','yellow');
$('td .required').val("Please Enter Here");
}
else
{
if($('td .required').val()=='Please Enter Here')
{
alert('Please Enter Here');
$("#addrow").attr("disabled", true);
}
else
{
alert('enabled');
flag=1;
}
}
});
$(document).on('click', 'td .required', function() {
if($(this).val()=='Please Enter Here') {
$(this).css('background','white');
$(this).val('');
flag=1;
$("#addrow").removeAttr("disabled");
}
});
if(flag==1)
{
$("#addrow").removeAttr("disabled");
var $tr = $('<tr class="prototype" id="row"> <td align="center" ><input type="text" size="10" name="grnno" id="grnno" class="required" align="right" onblur="return grn_check()"/></td><td align="center" ><input type="text" name="paymentdate size="10" class="datepicker" align="right" /></td><td align="center"><select id="bankname" name="bankname" class="required"><option value="">Select Bank Name</option><option value="SBI">SBI</option><option value="UBI">UBI</option><option value="UCO">UCO</option><option value="HDFC">HDFC</option></select></td><td align="center" ><input type="text" name="amount[' + count + ']" id="amount[' + count + ']" size="10" class="required" align="right"/></td><td align="center"><input type="button" value="Delete" onclick="deleteRow(this)"></td><td style="display:none;"><input type="text" name="id[]" value="' + count + '" class="id" /></td></tr>').appendTo('#myTable tbody');
$tr.find(".datepicker").datepicker({
dateFormat: 'dd/mm/yy',
changeMonth: true,
changeYear: true
});
count++;
flag=0;
}
});
}); 我的表有一个静态行和动态行,由添加行按钮创建,包括静态和动态行中的空验证