使用jquery在模态上填充验证必填字段

Question

我动态填充模态弹出窗口中的一些文本框，在提交表单时我需要检查必填字段是否已填写。

我尝试了两种方法，但两种方法都不起作用..

如果您想在此处查看完整代码 http://jsfiddle.net/nsk21/f52nLfrj/

这怎么试1：

 $(document).on('click', '#catSave', function(){
    var countValid = 0 ;
    totRequFileds = 0;

    $('#catCreatForm').find('input').each(function(){
        alert($(this).attr('type'));
        if(!$(this).prop('required')){
            if ( this.value.trim() !== '' ) {                           
                countValid++;                                           
            }else{      
                $(this).focus();
                return false;
            }
            totRequFileds++; 
        } else {

        }
    });       
    alert(' totRequFileds:'+totRequFileds +' | '+countValid);
});

尝试2：

      $( ':input[required]', '#catCreatForm' ).each( function () {
            alert($(this).attr('name'));
            if ( this.value.trim() !== '' ) {                           
                countValid++;                                           
            }else{      
                $(this).focus();
                return false;
            }
            totRequFileds++; 
        }); 

Answer 1

你可能没有在小提琴中找出那些线条，我已经改变了那条线

＆＃13;

＆＃13;

$(document).on('click', '#catSave', function(){
	var countValid = 0 ;
	totRequFileds = 0;
	$( ':input[required]', '#catCreatForm' ).each( function () {
		totRequFileds++;
		alert($(this).attr('name'));
		if ( this.value.trim() !== '' ) {							
			countValid++;											
		}else{		
			$(this).focus();
			//return false;
		}
	});
	if( countValid != totRequFileds){
		alert('Please fill out all required fileds totRequFileds:'+totRequFileds +' | '+countValid);
      return false;
	}
    alert(' totRequFileds: '+totRequFileds +' | '+countValid);
});

＆＃13;

＆＃13;

＆＃13;