如何在使用类检查动态行的空验证的基础上启用/禁用按钮?

时间:2014-02-18 06:23:02

标签: jquery

我想创建一个具有单独字段空验证的行,在此基础上启用和禁用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;
    }

});

}); 我的表有一个静态行和动态行,由添加行按钮创建,包括静态和动态行中的空验证

0 个答案:

没有答案