อยากทราบวิธีกันบักค่าว่างแบบ ใช้ JavaScript แต่ตัวแปรจะเพิ่่มขึ้นเรื่อยๆ ถ้าหากกดปุ่มเพิ่ม

$('#txtstu_name').each(function(){

       if($(this).val() == ""){
            alert('คุณยังไม่ได้กรอกชื่อนักศึกษา');
      }
});

<form id="fmAdd">
<table id="table" boder="1">
    <thead>
        <tr>
            <th>ชื่อนักศึกษา</th>
            <th>รหัสนักศึกษา</th>
            <th>ชื่อวิชา</th>
            <th>รหัสวิชา</th>
        </tr>
    </thead>
    <tbody>
    </tbody>
</table>

<input type="hidden" id="hdCount" value="0">
<button type="button" id="btnP">+</button><button type="button" id="btnD">-</button>
<button type="button" id="btnSubmit" /> ตกลง </button>
</form>	

<script src="admin/bootstrap/js/jquery-1.10.2.min.js"></script>
<script>
$(function(){
    $('#btnD').hide();
	
    $('#btnP').on('click',function(){
		var val=parseInt($('#hdCount').val());
		var Count=val+1
		$('#hdCount').val(Count);
        if(Count>0){
            $('#btnD').show();
        }
		$('tbody').append('<tr id="tr'+Count+'"><td><input type="text" name="txtName[]"></td><td><input type="text" name="txtID[]"></td><td><input type="text" name="txtScience[]"></td><td><input type="text" name="txtScienceID[]"></td></tr>');
    });
	
	$('#btnD').on('click',function(){
		var val=parseInt($('#hdCount').val());
		var Count=val-1;
		$('#hdCount').val(Count);
		if(Count==0){
            $('#btnD').hide();
        }
		$('tbody #tr'+val+'').remove();
	});
	
	$('#btnSubmit').on('click',function(){
		var i=0;
		$('input[type=text]').each(function(index, element) {
            if($(this).val() == ''){
				$(this).focus();
				i++;
			}
        });
		if(i==0){
			$('#fmAdd').submit();
		}else{
             alert('ท่านกรอกข้อมูลไม่ครบถ้วน');
        }
	});
});
</script>