Jquery each return false 问题

为什么80%的码农都做不了架构师？>>>   

最近遇到一个需求,保存一些数据,但是需要判断所有输入框是否为空,如果为空的话,弹窗提示数据为空.不为空再执行保存的的ajax方法

function test(){
    $('input[type="text"]').each(function() {
                if($.trim($(this).val()).length == 0){
                  return false;
                }
            });
            
            .....$.ajax方法
}

问题来了,此处无论为不为空,都会调用方法体中的ajax方法,后来才知道

    $("").each(function(){
        return false;
    });

each函数体中的return false相当于break,所以直接跳过判断为空的方法体去执行ajax操作.

解决方案:设置一个flag 标记

       var isFormValid = true;
            $('input[type="text"]').each(function() {
                if($.trim($(this).val()).length == 0){
                    isFormValid =  false;
                }
            });
            if(!isFormValid){
                alert('不可为空!');
                return false;
            }

解决方案:设置try_catch()

try{
   $('input[type="text"]').each(function() {
                if($.trim($(this).val()).length == 0){
                 throw name;
                }
            }); 
}catch(e){
    alert(e+"test");
    return false;
}

转载于:https://my.oschina.net/kakoi/blog/803578